:root{--accent: #ff6b9d;--bg: #07070d;--panel: rgba(255, 255, 255, .04);--panel-border: rgba(255, 255, 255, .08);--text: #f2f2f7;--muted: #8a8a9a;--user: #8cc8ff;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;overflow:hidden;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:default}::selection{background:var(--accent);color:#000}.bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.bg span{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(120px);opacity:.35;animation:drift 24s ease-in-out infinite alternate;background:var(--accent);transition:background .8s}.bg span:nth-child(1){top:-30vmax;left:-20vmax}.bg span:nth-child(2){bottom:-35vmax;right:-25vmax;animation-delay:-8s;background:#4f9cff;opacity:.22}.bg span:nth-child(3){top:30vh;left:40vw;width:30vmax;height:30vmax;animation-delay:-16s;opacity:.12}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(8vmax,-6vmax) scale(1.15)}}.app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:16px 20px;gap:12px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:12px}.logo{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);transition:background .5s,box-shadow .5s}.brand h1{font-family:var(--font-display);font-size:20px;margin:0;letter-spacing:-.02em}.brand p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:8px;align-items:center}.name{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 12px;width:150px;outline:none}.name:focus{border-color:var(--accent)}.stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px}.left{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding-right:4px}.right{display:flex;flex-direction:column;gap:10px;min-height:0;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:16px;backdrop-filter:blur(20px)}.orb-wrap{position:relative;display:grid;place-items:center;padding:4px 0}.orb{width:min(300px,70vw);aspect-ratio:1;display:block}.status{position:absolute;bottom:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#00000073;border:1px solid var(--panel-border);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status.live .dot,.status.ready .dot,.status.listening .dot{background:#52e39a;box-shadow:0 0 10px #52e39a}.status.thinking .dot,.status.connecting .dot,.status.transcribing .dot{background:#ffd166;animation:pulse .9s infinite}.status.speaking .dot,.status.hearing\ you .dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.status.disconnected .dot{background:#ff5c7a}@keyframes pulse{50%{opacity:.3}}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);color:var(--muted);transition:all .2s}.mode .icon{font-size:18px}.mode:hover{color:var(--text);transform:translateY(-1px)}.mode.on{color:#000;background:var(--accent);border-color:transparent;box-shadow:0 8px 30px -8px var(--accent);font-weight:600}.controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;color:var(--muted);font-size:13px}.controls label{display:inline-flex;align-items:center;gap:8px}.controls select{background:#14141d;border:1px solid var(--panel-border);border-radius:8px;padding:6px 8px;outline:none}.controls input[type=range]{accent-color:var(--accent);width:110px}.controls input[type=checkbox]{accent-color:var(--accent)}.personas{display:grid;gap:8px}.persona{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);transition:all .2s}.persona .swatch{grid-row:1 / span 2;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--p) 45%,#000 140%);box-shadow:0 0 18px var(--p)}.persona .pname{font-family:var(--font-display);font-weight:600}.persona .ptag{color:var(--muted);font-size:12px}.persona:hover{border-color:var(--p)}.persona.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 12%,transparent)}.hud{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}.chip{font-size:12px;padding:4px 10px;border-radius:999px;background:#00000059;border:1px solid var(--panel-border);color:var(--muted)}.chip b{color:var(--text);font-weight:500;margin-right:4px}.chip.muted{font-style:italic}.transcript{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:6px 4px;scroll-behavior:smooth}.transcript.empty{display:grid;place-items:center;color:var(--muted);text-align:center;padding:20px}.line{display:grid;grid-template-columns:72px 1fr;gap:10px;line-height:1.55;animation:rise .25s ease-out}.line .who{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-top:3px}.line.user .who{color:var(--user)}.line.assistant .who{color:var(--accent)}.line .text{white-space:pre-wrap;word-break:break-word}.line.partial .text{color:#cfcfda}.cursor{display:inline-block;width:8px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);animation:pulse .8s infinite;border-radius:2px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.error{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#ff5c7a1f;border:1px solid rgba(255,92,122,.4);color:#ffb3c1;font-size:13px}.composer{display:flex;gap:8px;align-items:center}.composer .text{flex:1;padding:13px 16px;border-radius:14px;background:#0006;border:1px solid var(--panel-border);outline:none;min-width:0}.composer .text:focus{border-color:var(--accent)}.send{padding:12px 18px;border-radius:14px;background:var(--accent);color:#000;font-weight:600;transition:transform .1s}.send:not(:disabled):hover{transform:translateY(-1px)}.big{padding:12px 20px;border-radius:14px;font-weight:700;font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;transition:all .2s}.big.go{background:var(--accent);color:#000;box-shadow:0 10px 34px -10px var(--accent)}.big.go:hover{transform:translateY(-1px);box-shadow:0 14px 40px -10px var(--accent)}.big.stop{background:#ff5c7a2e;color:#ff8aa1;border:1px solid rgba(255,92,122,.5)}.mic{padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);white-space:nowrap;transition:all .2s}.mic:hover{border-color:var(--accent)}.mic.off{background:#ff5c7a26;border-color:#ff5c7a80;color:#ff8aa1}.muted-tag{margin-left:6px;padding:2px 8px;border-radius:999px;background:#ff5c7a33;color:#ff8aa1;font-size:11px}.ghost{padding:8px 12px;border-radius:10px;color:var(--muted);border:1px solid var(--panel-border);background:var(--panel)}.ghost:hover{color:var(--text)}.danger{padding:8px 14px;border-radius:10px;background:#ff5c7a26;color:#ff8aa1;border:1px solid rgba(255,92,122,.45)}.drawer-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:10;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);height:100%;background:#0e0e17;border-left:1px solid var(--panel-border);padding:20px;display:flex;flex-direction:column;gap:14px;animation:slide .25s ease-out}.drawer header{display:flex;justify-content:space-between;align-items:center}.drawer h2{font-family:var(--font-display);font-size:18px;margin:0}.drawer ul{flex:1;overflow-y:auto;margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px;line-height:1.5}.drawer footer{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted);font-size:13px}@keyframes slide{0%{transform:translate(30px);opacity:0}}body:has(.usage),body:has(.admin){overflow-y:auto}.usage{position:relative;z-index:1;min-height:100%;padding:16px 20px 40px;display:flex;flex-direction:column;gap:16px;max-width:1280px;margin:0 auto}.usage a.ghost{text-decoration:none}.usage a.logo{display:block}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;overflow:hidden}.seg button{padding:7px 12px;color:var(--muted);font-size:13px}.seg button.on{background:var(--accent);color:#000;font-weight:600}.tiles{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.tile{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.tile .label{color:var(--muted);font-size:13px}.tile .value{font-family:var(--font-body);font-weight:600;font-size:28px;letter-spacing:-.02em}.tile.hero .value{font-size:48px}.tile .sub{color:var(--muted);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:16px 18px;min-width:0;overflow-x:auto}.card h2{font-family:var(--font-display);font-size:15px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.card h2 .muted{font-family:var(--font-body);font-weight:400;font-size:12px}.card table{width:100%;border-collapse:collapse;font-size:13px}.card th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;padding:6px 8px;border-bottom:1px solid var(--panel-border);white-space:nowrap}.card td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}.card .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.card code{font-size:12px;background:#00000059;padding:2px 6px;border-radius:6px}.est{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:10px;background:#ffd16626;color:#ffd166;vertical-align:middle}.units{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted)}.rates{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted)}.rates b{color:var(--text);font-weight:500}.small{font-size:12px;line-height:1.5}.chart{position:relative}.chart-tools{display:flex;justify-content:flex-end;margin-bottom:4px}.ghost.small{padding:4px 8px;font-size:12px}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:#ffffff14;stroke-width:1}.chart .tick{fill:var(--muted);font-size:11px}.chart .bar{fill:var(--accent);opacity:.85;transition:opacity .15s}.chart .bar.hot{opacity:1}.chart .tip{fill:#14141d;stroke:var(--panel-border)}.chart .tip-t{fill:var(--muted);font-size:11px}.chart .tip-v{fill:var(--text);font-size:12px;font-weight:600}.usage .toggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.usage .toggle input{accent-color:var(--accent)}.admin{position:relative;z-index:1;min-height:100%;padding:16px 20px 40px;display:flex;flex-direction:column;gap:16px;max-width:1180px;margin:0 auto}.admin a.ghost{text-decoration:none}.admin a.logo{display:block}.gate{max-width:380px;margin:12vh auto 0;display:flex;flex-direction:column;gap:12px}.gate p{margin:0;color:var(--muted)}.gate form{display:flex;gap:8px}.gate input{flex:1}.admin-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.persona-list{display:flex;flex-direction:column;gap:6px}.persona-list button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;text-align:left;color:var(--text);border:1px solid transparent}.persona-list button:hover{background:var(--panel)}.persona-list button.on{background:var(--panel);border-color:var(--panel-border)}.persona-list .swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 12px currentColor}.persona-list small{display:block;color:var(--muted);font-size:12px}.persona-list .flag{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.form{display:flex;flex-direction:column;gap:14px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form .row.three{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:8px}.field .changed{color:var(--accent)}.field input,.field textarea,.field select,.gate input{background:#0000004d;border:1px solid var(--panel-border);border-radius:10px;padding:9px 12px;outline:none;color:var(--text);font:inherit;width:100%}.field textarea{resize:vertical;min-height:96px;line-height:1.45}.field input:focus,.field textarea:focus,.field select:focus,.gate input:focus{border-color:var(--accent)}.field input[type=color]{padding:2px;height:40px;width:64px}.field .with-swatch{display:flex;gap:8px;align-items:center}.field select option{color:#000}.field .voice{display:flex;flex-direction:column;gap:6px}.field select{appearance:auto;cursor:pointer}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions .note{color:var(--muted);font-size:12px;margin-left:auto}.primary{background:var(--accent);color:#000;font-weight:600;padding:9px 16px;border-radius:10px}.primary:disabled{opacity:.4}.danger{color:#ff8fa3;border:1px solid rgba(255,143,163,.35);padding:8px 14px;border-radius:10px}.file{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px dashed var(--panel-border);color:var(--muted);cursor:pointer}.file input{display:none}.file.has{color:var(--text);border-style:solid}.style-box{white-space:pre-wrap;line-height:1.5;font-size:14px}.ok{color:#7ee2a8;font-size:13px}@media(max-width:900px){.admin-grid,.form .row,.form .row.three{grid-template-columns:1fr}}body:has(.entry){overflow-y:auto}.entry{position:relative;z-index:1;min-height:100%;display:grid;place-items:center;padding:24px}.entry-card{position:relative;z-index:1;width:min(420px,100%);display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:26px 24px;backdrop-filter:blur(20px);box-shadow:0 30px 80px -40px #000}.entry-card .brand{margin-bottom:4px}.entry-card .brand p{max-width:30ch;line-height:1.4}.primary.wide{width:100%;padding:12px 16px}.swap{text-align:center;margin:0}.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit}.link:hover{opacity:.8}.field-error{color:#ff8fa3;font-size:12px}.entry-card .code{text-align:center;font-size:26px;letter-spacing:12px;padding-left:12px;font-variant-numeric:tabular-nums}.note-line{margin:0;line-height:1.5}.avatar-picker{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:-4px}body:has(.cx){overflow-y:auto}.cx{position:relative;z-index:1;min-height:100%;max-width:940px;margin:0 auto;padding:16px 20px 64px;display:flex;flex-direction:column;gap:18px}.cx a.ghost,.cx a.button{text-decoration:none}.cx a.logo{display:block}.cx .top-actions{flex-wrap:wrap;justify-content:flex-end}.cx .top-actions .who{font-size:12px;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[hidden]{display:none!important}.cx-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:26px 30px;border-radius:26px;border:1px solid var(--panel-border);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 13%,transparent),#ffffff08 48%);backdrop-filter:blur(24px)}.cx-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 130% at 10% 50%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%)}.cx-orb{position:relative;z-index:1;flex:0 0 auto;display:grid;place-items:center}.cx-orb .orb{width:150px}.cx-who{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:4px}.eyebrow{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.cx-who h2{font-family:var(--font-display);font-size:30px;letter-spacing:-.02em;margin:0}.cx-who .tag{margin:0;color:var(--muted);font-size:14px;line-height:1.5;max-width:46ch}.cx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cx-chips .chip{display:inline-flex;align-items:center;gap:7px;color:var(--text)}.cx-chips .chip b{color:var(--muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:0}.cx-tabs{position:sticky;top:8px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:16px;background:#08080eb8;border:1px solid var(--panel-border);backdrop-filter:blur(20px)}.cx-tabs button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;color:var(--muted);font-size:13px;transition:color .2s,background .2s,box-shadow .2s}.cx-tabs button .glyph{font-size:13px;opacity:.75}.cx-tabs button:hover{color:var(--text);background:var(--panel)}.cx-tabs button.on{color:#000;font-weight:600;background:var(--accent);box-shadow:0 8px 26px -10px var(--accent)}.cx-tabs .pill{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:2px 7px;border-radius:999px;background:#ffffff1a}.cx-tabs button.on .pill{background:#0000002e}.cx-panel{display:flex;flex-direction:column;gap:16px;animation:rise .25s ease-out}.cx .persona-list{flex-direction:row;flex-wrap:wrap;gap:8px}.cx .persona-list button{border:1px solid var(--panel-border);background:var(--panel);border-radius:14px}.cx .persona-list button.on{border-color:var(--accent)}.cx .card{border-radius:22px;padding:22px 24px;overflow:visible;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff0e,#ffffff06);backdrop-filter:blur(18px);box-shadow:0 24px 60px -40px #000}.cx .card>h2{font-size:17px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid var(--panel-border)}.cx .form{gap:16px}.cx .field>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.cx .field>span em,.cx .field>span .changed{text-transform:none;letter-spacing:0}.cx .field input,.cx .field textarea,.cx .field select{background:#0000006b;border-radius:12px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.cx .field input:focus,.cx .field textarea:focus,.cx .field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.cx .field textarea{min-height:120px}.cx .field input[type=color]{padding:2px;height:44px}.cx .primary{padding:11px 20px;border-radius:12px;box-shadow:0 10px 30px -12px var(--accent);transition:transform .12s}.cx .primary:not(:disabled):hover{transform:translateY(-1px)}.cx .file{padding:11px 16px;border-radius:12px}.cx .file:hover{border-color:var(--accent);color:var(--text)}.cx .shots img{height:160px;border-radius:12px}.group{display:flex;flex-direction:column;gap:14px}.group h3{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.group h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--panel-border),transparent)}.lede{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.hint{color:var(--muted);font-size:12px;font-style:normal;line-height:1.5}.face-preview{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.face-preview .orb-wrap.small{width:150px;height:150px;flex:0 0 auto}.face-preview .orb-wrap.small .orb{width:150px}.face-preview .avatar-picker{justify-content:flex-start;margin-top:0}a.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(max-width:700px){.cx-hero{padding:20px;gap:18px}.cx-orb .orb{width:104px}.cx-who h2{font-size:24px}.cx .top-actions .who,.cx-tabs button .txt{display:none}.cx-tabs button{flex:1;justify-content:center}.cx-tabs button.on .txt{display:inline}}.drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.drawer-body h3{font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:8px 0 0}.drawer-body ul{flex:none}.drawer .note{display:flex;flex-direction:column;gap:3px}.drawer .note p{margin:0;line-height:1.5;font-size:14px}.client-list{display:flex;flex-direction:column;gap:8px;min-width:0}.client-list .search{background:#0000004d;border:1px solid var(--panel-border);border-radius:10px;padding:9px 12px;outline:none;width:100%}.client-list .search:focus{border-color:var(--accent)}.client-list .persona-list button{display:flex;justify-content:space-between;align-items:center;gap:8px}.client-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.client-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--panel-border)}.client-avatar.empty{background:radial-gradient(circle at 30% 30%,#fff2,transparent 60%),var(--panel)}.facts{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;line-height:1.5}.email-setup{max-width:720px}.warn{margin:0;padding:10px 14px;border-radius:12px;background:#ffd1661a;border:1px solid rgba(255,209,102,.35);color:#ffd166;font-size:13px;line-height:1.5}.email-setup th{color:var(--muted);font-weight:500}.shots{display:flex;gap:8px;flex-wrap:wrap}.shots img{height:140px;width:auto;border-radius:10px;border:1px solid var(--panel-border);display:block}.shots a:hover img{border-color:var(--accent)}.shot-missing{color:var(--muted);font-size:12px}.shot-names{margin:0;padding-left:18px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.room{margin-top:12px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#00000040;border:1px solid var(--panel-border)}.room .line{margin:0}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right));background:#0404099e;backdrop-filter:blur(6px);animation:fade .16s ease-out}.dialog{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;padding:24px 24px 20px;border-radius:22px;background:#12121c;border:1px solid var(--panel-border);box-shadow:0 40px 90px -40px #000;animation:pop .18s ease-out}.dialog h2{font-family:var(--font-display);font-size:18px;line-height:1.35;margin:0;letter-spacing:-.01em}.dialog p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.dialog form{display:flex;flex-direction:column;gap:14px;margin-top:4px}.dialog input{width:100%;padding:11px 14px;border-radius:12px;outline:none;background:#0000006b;border:1px solid var(--panel-border);color:var(--text)}.dialog input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.dialog .row{display:flex;gap:8px;justify-content:flex-end}.dialog .danger{background:#ff5c7a29;border-color:#ff5c7a80;color:#ff9db0;font-weight:600}.dialog .ghost:hover,.dialog .danger:hover,.dialog .primary:hover{filter:brightness(1.12)}body.dialog-open{overflow:hidden}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:420px){.dialog .row{flex-direction:column-reverse}.dialog .row button{width:100%}}.app,.usage,.admin,.cx{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.app{padding-bottom:max(16px,env(safe-area-inset-bottom))}.usage,.admin{padding-bottom:max(40px,env(safe-area-inset-bottom))}.cx{padding-bottom:max(64px,env(safe-area-inset-bottom))}.entry{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.drawer{padding-bottom:max(20px,env(safe-area-inset-bottom))}a.ghost,a.button,a.primary{display:inline-flex;align-items:center;justify-content:center}@media(max-width:900px){body{font-size:16px;overflow:auto}.app{height:auto;min-height:100%}.stage{grid-template-columns:1fr}.left{overflow:visible}.right{min-height:55vh;min-height:55dvh}.transcript{overflow-y:visible}.transcript .end{scroll-margin-bottom:96px}.top,.top-actions{flex-wrap:wrap}.name{width:auto;flex:1 1 140px;min-width:0}.orb{width:min(220px,60vw)}.line{grid-template-columns:1fr;gap:2px}.tiles{grid-template-columns:1fr 1fr}.tiles .tile.hero{grid-column:1 / -1}.grid2{grid-template-columns:1fr}.tile.hero .value{font-size:36px}.bg span{filter:blur(70px);opacity:.28}.bg span:nth-child(3){display:none}.composer{position:sticky;bottom:0;z-index:2;flex-wrap:wrap;margin:0 -16px -16px;border-radius:0 0 22px 22px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#090910eb;backdrop-filter:blur(16px);border-top:1px solid var(--panel-border)}.composer .text{flex:1 1 100%;order:-1}.composer .big,.composer .mic,.composer .send{flex:1 1 auto}}@media(max-width:600px){.app,.usage,.admin,.cx{padding-top:14px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.app{gap:10px}.brand h1{font-size:18px}.brand p{font-size:12px}.mode{padding:10px 4px;font-size:12px}.mode .icon{font-size:16px}.tiles{grid-template-columns:1fr}.tile .value{font-size:24px}.tile.hero .value{font-size:32px}.right{padding:14px}.composer{margin:0 -14px -14px;padding-left:14px;padding-right:14px}.card,.cx .card{padding:14px}.cx-hero{padding:18px}.entry-card{padding:22px 18px}.entry-card .code{font-size:22px;letter-spacing:8px;padding-left:8px}.shots img,.cx .shots img{height:120px}.room{max-height:320px}.client-avatar{width:44px;height:44px}}@media(max-width:380px){.modes{grid-template-columns:1fr 1fr}}@media(pointer:coarse){.ghost,.danger,.primary,.send,.mic,.big,.file,.seg button,.cx-tabs button,.mode{min-height:44px}.ghost.small{min-height:36px}}@media(max-height:500px)and (orientation:landscape){.orb{width:min(150px,32vw)}.cx-orb .orb{width:90px}.face-preview .orb-wrap.small,.face-preview .orb-wrap.small .orb{width:110px}.face-preview .orb-wrap.small{height:110px}.gate{margin-top:4vh}.right{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}