:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#faf7f0;--bg:#08090e;--gold:#d9c6a2;--glass:#08090ea6;--glass-strong:#08090edb;--line:#ffffff29;--muted:#ffffffa6;--danger:#ff8a7a;--ok:#9fd8b0;--edge:max(36px, env(safe-area-inset-left));--edge-bottom:max(30px, calc(env(safe-area-inset-bottom) + 16px));background:#08090e;font-family:Arial,Helvetica,Noto Sans,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.stage{isolation:isolate;background:radial-gradient(ellipse at 50% 35%, #1a1b24 0%, var(--bg) 70%);width:100%;height:100dvh;min-height:320px;position:relative;overflow:hidden}.avatar-video{object-fit:cover;object-position:center top;background:var(--bg);width:100%;height:100%;position:absolute;inset:0}.avatar-video.hidden{visibility:hidden}.vignette{pointer-events:none;background:linear-gradient(#00000059,#0000 18% 70%,#0000008c);position:absolute;inset:0}.brand{z-index:3;-webkit-user-select:none;user-select:none;text-shadow:0 2px 16px #000;letter-spacing:.26em;align-items:center;gap:12px;font-size:17px;font-weight:500;display:flex;position:absolute;inset-block-start:max(32px, env(safe-area-inset-top));inset-inline-start:var(--edge)}.brand-ai{letter-spacing:.08em;background:#08090e44;border:1px solid #fff5;border-radius:5px;padding:5px 6px;font-size:11px}.status-chip{z-index:3;position:absolute;inset-block-start:max(30px, env(safe-area-inset-top));inset-inline-end:var(--edge)}.chip{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;border-radius:50px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.chip.live:before{content:"";background:#ff5a4f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ff5a4f}.chip.demo{color:var(--muted)}.welcome{z-index:2;text-align:center;background:radial-gradient(#08090e33,#08090eb3 75%);flex-direction:column;justify-content:center;align-items:center;padding:32px;animation:.7s cubic-bezier(.2,.7,.2,1) both rise;display:flex;position:absolute;inset:0}.kicker{letter-spacing:.34em;color:var(--gold);margin:0 0 14px;font-size:11px}.welcome h1{letter-spacing:-.02em;text-shadow:0 4px 30px #000;margin:0;font-size:clamp(32px,5vw,52px);font-weight:300}.hint{letter-spacing:.04em;max-width:560px;color:var(--muted);margin:14px 0 32px;font-size:14px}.hint:before,.hint:after{content:"";vertical-align:middle;background:#d9c6a266;width:28px;height:1px;margin:0 12px;display:inline-block}.hint.error:before,.hint.error:after{display:none}.welcome-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.cta{color:#15151b;letter-spacing:.02em;background:#f6f1e8;border:0;border-radius:40px;min-height:52px;padding:16px 32px;font-size:15px;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 40px #0008}.cta:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 48px #000a}.error{color:var(--danger)}.center-note{z-index:2;text-align:center;color:var(--muted);text-shadow:0 2px 12px #000;margin:0;font-size:15px;position:absolute;inset-block-start:50%;inset-inline:0}.captions{z-index:2;text-align:center;text-shadow:0 2px 10px #000,0 0 2px #000;margin:0;padding:0;font-size:clamp(16px,1.8vw,21px);line-height:1.45;list-style:none;position:absolute;inset-block-end:calc(var(--edge-bottom) + 76px);inset-inline:max(15%,24px)}.captions li{background:#08090e8c;border-radius:8px;width:fit-content;margin-block:4px;margin-inline:auto;padding:4px 12px;display:block}.captions .guest{color:#ffffffc0;font-style:italic}.toast{z-index:7;border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:min(640px,100% - 48px);padding:10px 12px 10px 20px;font-size:14px;animation:.4s both rise;display:flex;position:absolute;inset-block-start:calc(max(32px, env(safe-area-inset-top)) + 56px);inset-inline-start:50%;translate:-50%;box-shadow:0 10px 30px #0006}[dir=rtl] .toast{translate:50%}.toast button{border:1px solid var(--line);background:0 0;border-radius:30px;min-height:36px;padding:0 16px}.toast button:hover{color:var(--gold)}button.accent{background:var(--gold);color:#15151b;border-color:#0000}button.accent:hover{color:#15151b;filter:brightness(1.08)}.toast.action-notice.done{border-color:#9fd8b066}.toast.action-notice.failed,.toast.action-notice.error,.toast.action-notice.expired{border-color:#ff8a7a66}.toast.action-notice button{place-items:center;width:32px;min-height:32px;padding:0;display:grid}.web-card{z-index:6;border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;gap:10px;width:min(380px,100% - 32px);max-height:calc(100% - 260px);padding:16px 18px;animation:.35s both rise;display:grid;position:absolute;inset-block-start:calc(max(30px, env(safe-area-inset-top)) + 48px);inset-inline-end:var(--edge);overflow-y:auto;box-shadow:0 18px 50px #000a}.web-card header{align-items:center;gap:12px;display:flex}.web-card header .chip{margin-inline-start:auto}.web-minimise{width:44px;height:44px;color:var(--gold);background:0 0;border:0;border-radius:50%;place-items:center;margin:-8px -8px -8px 0;display:grid}.web-dock{z-index:6;border:1px solid var(--gold);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 32px);min-height:48px;padding:6px 8px 6px 18px;animation:.35s both rise;display:flex;position:absolute;inset-block-end:calc(var(--edge-bottom) + 76px);inset-inline-start:50%;translate:-50%;box-shadow:0 12px 40px #000a}.web-dock>span:first-child{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.web-card .kicker{margin:0}.web-card .demo{justify-self:start}.web-query{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.web-query strong{color:#faf7f0;font-weight:500}.web-reason{color:var(--gold);margin:0;font-size:13px;line-height:1.4}.web-offers{gap:8px;margin:0;padding:0;list-style:none;display:grid}.web-offer{border:1px solid var(--line);background:#ffffff08;border-radius:14px;gap:4px;padding:10px 12px;font-size:13px;display:grid}.web-offer img{aspect-ratio:5/3;object-fit:cover;border-radius:10px;width:100%}.web-offer .price{color:#faf7f0}.web-offer small{color:var(--muted);line-height:1.35}.web-offer .fit{color:var(--muted);justify-self:start;font-size:11px}.web-offer .fit.within{color:var(--ok)}.web-offer .fit.over{color:var(--danger)}.web-offer button{border:1px solid var(--gold);min-height:32px;color:var(--gold);background:0 0;border-radius:999px;justify-self:start;padding:0 14px}.web-card .small{margin:0;font-size:11px;line-height:1.4}.action-card{z-index:7;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #d9c6a266;border-radius:22px;width:min(440px,100% - 32px);padding:20px 22px 18px;animation:.35s both rise;position:absolute;inset-block-end:calc(var(--edge-bottom) + 76px);inset-inline-start:50%;translate:-50%;box-shadow:0 24px 70px #000c}[dir=rtl] .action-card{translate:50%}.action-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.action-card .kicker{margin:0}.action-card h2{margin:10px 0 14px;font-size:20px;font-weight:400}.action-card dl{gap:8px;margin:0 0 18px;display:grid}.action-card dl div{grid-template-columns:minmax(110px,40%) 1fr;gap:12px;font-size:14px;display:grid}.action-card dt{color:var(--muted)}.action-card dd{margin:0}.action-buttons{justify-content:flex-end;gap:10px;display:flex}.action-buttons button{border:1px solid var(--line);background:0 0;border-radius:30px;min-height:44px;padding:0 20px}.action-buttons button.accent{background:var(--gold);color:#15151b;border-color:#0000;font-weight:600}.action-card .resource{color:var(--gold);margin:-8px 0 14px;font-size:15px}.toolbar{z-index:3;inset-block-end:var(--edge-bottom);inset-inline:var(--edge);pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}.pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;border-radius:50px;align-items:center;padding:4px;display:flex;box-shadow:0 5px 24px #0003}.pill button{background:0 0;border:0;border-radius:30px;justify-content:center;align-items:center;gap:9px;min-width:46px;min-height:44px;padding:0 14px;font-size:13px;transition:background .2s,color .2s;display:flex}.pill button:hover,.pill button.active{color:var(--gold);background:#ffffff14}.pill button.danger{color:var(--danger)}.divider{background:#ffffff25;width:1px;height:18px}.dev-fab{z-index:5;border:1px solid var(--line);background:var(--glass);width:26px;height:26px;color:var(--muted);opacity:.55;border-radius:8px;place-items:center;padding:0;transition:opacity .2s,color .2s;display:grid;position:absolute;inset-block-end:max(8px, env(safe-area-inset-bottom));inset-inline-end:max(8px, env(safe-area-inset-right))}.dev-fab .icon{width:14px;height:14px}.dev-fab:hover,.dev-fab.active{opacity:1;color:var(--gold)}.panel{z-index:6;inset-block:max(20px, env(safe-area-inset-top)) calc(var(--edge-bottom) + 64px);border:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;flex-direction:column;width:min(400px,100% - 32px);animation:.3s both rise;display:flex;position:absolute;box-shadow:0 20px 60px #000a}.chat-panel,.settings-panel{inset-inline-start:var(--edge)}.settings-panel{max-height:calc(100% - 120px);padding-block-end:4px;inset-block-start:auto}.settings-panel .server-status{margin-block-start:20px}.dev-panel{width:min(560px,100% - 32px);inset-inline-end:max(16px, env(safe-area-inset-right))}.panel-header{border-block-end:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 16px 12px 20px;display:flex}.panel-header h2{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0;font-size:13px;font-weight:500}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:hover{background:#ffffff14}.muted{color:var(--muted);font-size:13px}.messages{flex-direction:column;flex:1;gap:8px;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.message{border-radius:14px;max-width:85%;padding:9px 13px;font-size:14px;line-height:1.45}.message.agent{background:#ffffff12;border-start-start-radius:4px;align-self:flex-start}.message.guest{background:#d9c6a22e;border-start-end-radius:4px;align-self:flex-end}.composer{border-block-start:1px solid #ffffff14;gap:8px;padding:12px;display:flex}.composer input{border:1px solid var(--line);background:#ffffff0a;border-radius:30px;flex:1;min-width:0;min-height:44px;padding:0 16px}.composer button{border-radius:30px;min-height:44px;padding:0 18px}.field{color:var(--muted);gap:8px;padding:16px 20px 0;font-size:13px;display:grid}.field select{border:1px solid var(--line);color:#faf7f0;background:#ffffff0a;border-radius:12px;min-height:44px;padding:0 14px}.field select option{background:var(--bg)}.field.toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px}.field.toggle input{width:18px;height:18px;accent-color:var(--gold);margin:2px 0 0}.field.toggle strong{color:#faf7f0;font-weight:500;display:block}.field.toggle small{margin-block-start:4px;line-height:1.4;display:block}.calendar-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.calendar-row strong{color:var(--muted);font-weight:500}.calendar-row strong.ok{color:var(--ok)}.calendar-row button{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;min-height:36px;padding:0 16px}.calendar-row button.accent{border-color:var(--gold);color:var(--gold)}.calendar-field small{line-height:1.4}.server-status{color:var(--muted);margin:auto 20px 16px;font-size:12px}.server-status.ok{color:var(--ok)}.server-status.error{color:var(--danger)}.tabs{gap:4px;padding:10px 12px 0;display:flex}.tab{min-height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:20px;padding:0 14px;font-size:12px}.tab.active{border-color:var(--line);color:var(--gold);background:#ffffff10}.tab.clear{margin-inline-start:auto}.log{background:#0005;border-radius:12px;flex:1;margin:10px 12px 12px;padding:10px 12px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.log-line{grid-template-columns:64px 60px 1fr;gap:8px;margin:0 0 4px;display:grid}.log-line time{color:#fff6}.log-line strong{color:var(--gold);font-weight:500}.log-line.guest strong{color:#9ec5ff}.log-line.level-warn strong{color:#ffd27a}.log-line.level-error strong{color:var(--danger)}.log-line code{color:#ffffff80;word-break:break-all;display:block}.session-info{gap:6px;margin:0;display:grid}.session-info div{grid-template-columns:140px 1fr;gap:8px;display:grid}.session-info dt{color:#ffffff80}.session-info dd{word-break:break-all;margin:0}body:has(.staff){overflow:auto}.staff{min-height:100dvh;padding:28px var(--edge) 48px;background:var(--bg)}.staff-header{flex-wrap:wrap;align-items:center;gap:20px;margin-block-end:28px;display:flex}.brand.static{position:static}.staff-header h1{color:var(--gold);letter-spacing:.08em;margin:0;font-size:18px;font-weight:400}.staff-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.staff-actions button,.staff-login button{border:1px solid var(--line);background:0 0;border-radius:30px;min-height:40px;padding:0 16px}.staff-login button.accent{background:var(--gold);color:#15151b;border-color:#0000;font-weight:600}.staff-login{flex-wrap:wrap;align-items:end;gap:12px;max-width:520px;display:flex}.staff-login label{color:var(--muted);flex:1;gap:6px;font-size:13px;display:grid}.staff-login input,.staff-section select{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;min-height:40px;padding:0 12px}.staff-section select option{background:var(--bg)}.staff-section{margin-block-end:36px}.staff-section h2{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:500}.staff-section table{border-collapse:collapse;width:100%;font-size:14px}.staff-section th,.staff-section td{text-align:start;border-block-end:1px solid #ffffff14;padding:10px 12px}.staff-section th{color:var(--muted);font-weight:400}.staff-guest-form{border:1px solid var(--line);background:#ffffff05;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;max-width:900px;margin-block-end:20px;padding:20px;display:grid}.staff-guest-form h3{grid-column:1/-1;margin:0;font-size:15px;font-weight:500}.staff-guest-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.staff-guest-form .wide{grid-column:1/-1}.staff-guest-form input,.staff-guest-form textarea,.staff-link input{border:1px solid var(--line);color:#faf7f0;min-height:40px;font:inherit;background:#ffffff0a;border-radius:10px;padding:8px 12px}.staff-guest-form textarea{resize:vertical;line-height:1.5}.staff-guest-form .check{grid-template-columns:auto 1fr;align-items:center}.staff-guest-form .check input{width:18px;height:18px;min-height:auto;accent-color:var(--gold)}.staff-guest-form button,.staff-link button,.row-actions button{border:1px solid var(--line);background:0 0;border-radius:30px;min-height:38px;padding:0 16px}.staff-guest-form button.accent,.staff-link button.accent{background:var(--gold);color:#15151b;border-color:#0000;font-weight:600}.staff-link{background:#d9c6a20f;border:1px solid #d9c6a266;border-radius:16px;max-width:900px;margin-block-end:20px;padding:16px 20px}.staff-link p{color:var(--gold);margin:0 0 10px;font-size:13px}.staff-link-row{gap:8px;display:flex}.staff-link-row input{flex:1;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.staff-section td.notes{max-width:360px;color:var(--muted);font-size:13px}.row-actions{white-space:nowrap;gap:6px;display:flex}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=640px){:root{--edge:18px;--edge-bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px))}.brand{font-size:15px;inset-block-start:max(22px, env(safe-area-inset-top))}.status-chip{inset-block-start:max(20px, env(safe-area-inset-top))}.chip.demo{white-space:nowrap;text-overflow:ellipsis;max-width:44vw;overflow:hidden}.pill button span{display:none}.captions{inset-inline:16px}.panel,.dev-panel{width:auto;inset-inline:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
