:root{--rail: 244px;--frame: #241f1a;--paper: #fbf5ea;--paper-2: #f3ead9;--wood: #e7d7bb;--ink: #3a2e20;--ink-soft: #6b5b46;--ink-mute: #7a6b55;--edge: rgba(90, 70, 45, .14);--edge-2: rgba(90, 70, 45, .26);--accent: #b54f2c;--accent-lo: #a04426;--accent-hi: #c05030;--accent-soft: rgba(181, 79, 44, .16);--sage: #4f7a3a;--sage-soft: rgba(79, 122, 58, .16);--danger: #b84830;--radius-card: 20px;--radius-btn: 12px;--radius-pill: 999px;--shadow-card: 0 24px 60px -18px rgba(60, 40, 20, .45), 0 2px 8px rgba(60, 40, 20, .12);--shadow-hud: 0 6px 20px rgba(60, 40, 20, .18);--glow-accent: 0 8px 24px -8px rgba(181, 79, 44, .5);--ease: cubic-bezier(.22, 1, .36, 1);--font-ui: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--frame);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}#space{position:fixed;top:0;left:var(--rail);width:calc(100% - var(--rail));height:100%;display:block;cursor:default;touch-action:none}#space.walkable{cursor:pointer}#space.walkable.can-page{cursor:alias}#space.walkable.can-read,#space.walkable.can-sit{cursor:pointer}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:#241c1459;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:100;animation:overlay-in .4s var(--ease)}.overlay[hidden]{display:none}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.card{position:relative;margin:auto;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-card);padding:32px 32px 28px;width:min(400px,100%);display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-card);animation:card-in .5s var(--ease)}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;gap:14px}.logo-mark{flex:0 0 auto;width:44px;height:44px;display:block;filter:drop-shadow(0 4px 10px rgba(181,79,44,.35))}.logo-mark svg{display:block;width:44px;height:44px}.brand-text{display:flex;flex-direction:column;gap:3px;line-height:1.1}.brand-mark{font-size:27px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}.brand-latin{font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-lo)}.identity{display:flex;align-items:flex-end;gap:15px}.avatar-wrap{flex:0 0 auto;position:relative}.avatar-preview{display:grid;position:relative;width:56px;height:56px;padding:0;border-radius:50%;place-items:center;background:var(--accent);background-size:cover;background-position:center;color:#fff;font-family:inherit;font-size:23px;font-weight:600;border:3px solid #fffaf2;box-shadow:0 4px 14px #3c281447,0 0 22px -4px var(--avatar-glow, rgba(181, 79, 44, .5));transition:background .3s var(--ease),box-shadow .3s var(--ease);user-select:none;cursor:pointer}.avatar-preview.has-image #avatar-initial{display:none}.avatar-edit{position:absolute;right:-4px;bottom:-3px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#fffaf2;color:#8a7355;border:1px solid rgba(90,70,45,.25);box-shadow:0 1px 4px #3c281440;transition:color .2s var(--ease),transform .2s var(--ease)}.avatar-preview:hover .avatar-edit,.avatar-preview:focus-visible .avatar-edit{color:var(--accent);transform:scale(1.12)}.avatar-remove{position:absolute;top:-5px;right:-5px;width:19px;height:19px;padding:0;border-radius:50%;border:1px solid rgba(90,70,45,.25);background:#fffaf2;color:#8a5a45;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 1px 4px #3c281440;transition:color .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease)}.avatar-remove:hover,.avatar-remove:focus-visible{color:var(--danger);border-color:#b8483059;background:#fff5f0}.name-field{flex:1 1 auto}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-mute)}.card input[type=text],.card textarea{width:100%;background:#fffdf8;border:1px solid var(--edge);border-radius:var(--radius-btn);padding:11px 13px;color:var(--ink);font:inherit;font-size:14px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.card textarea{resize:vertical;min-height:72px;line-height:1.5}.card input[type=text]::placeholder,.card textarea::placeholder{color:var(--ink-mute)}.card input[type=text]:focus,.card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.swatches{display:flex;flex-wrap:wrap;gap:11px;border:none}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid #fffaf2;cursor:pointer;padding:0;position:relative;box-shadow:0 2px 8px -2px var(--swatch-glow, rgba(60, 40, 20, .3));transition:transform .14s var(--ease),box-shadow .18s}.swatch:hover{transform:scale(1.14) translateY(-1px)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent),0 3px 10px -2px var(--swatch-glow, rgba(60, 40, 20, .4))}.swatch.swatch-custom{background:conic-gradient(from 0deg,#b54f2c,#e6a94e,#c9b24a,#86b27a,#4f9dde,#b07ad0,#b54f2c)}.swatch.swatch-custom:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--paper)}.lang-switch{display:inline-flex;align-self:flex-start;align-items:center;gap:2px;padding:2px;border:1px solid var(--edge-2);border-radius:var(--radius-pill);background:#fffdf8;font-size:11px;font-weight:700;letter-spacing:.04em}.lang-switch button{padding:4px 10px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink-mute);font:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s}.lang-switch button:hover{color:var(--ink-soft)}.lang-switch button.active{background:var(--accent);color:#fff}.lang-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.join-settings-btn{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-btn);background:transparent;color:var(--ink-mute);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.join-settings-btn:hover{border-color:var(--edge-2);background:var(--paper);color:var(--ink-soft)}#join-btn{position:relative;margin-top:2px;padding:14px;background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:#fff;font:inherit;font-size:14.5px;font-weight:700;letter-spacing:.2px;border:none;border-radius:var(--radius-btn);cursor:pointer;box-shadow:var(--glow-accent),inset 0 1px #ffffff4d;transition:filter .15s,transform .08s,box-shadow .2s}#join-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 30px -8px #b54f2c8c,inset 0 1px #ffffff4d}#join-btn:active:not(:disabled){transform:translateY(1px)}#join-btn:disabled{opacity:.6;cursor:progress;filter:saturate(.75)}.join-status{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 2px;font-size:13px;color:var(--ink-soft)}.join-status[hidden]{display:none}.error{font-size:13px;color:var(--danger);text-align:center}.error[hidden]{display:none}.reconnect-card{align-items:center;text-align:center;width:min(320px,100%);gap:20px;padding-top:36px}.pulse{position:relative;width:18px;height:18px}.pulse span{position:absolute;inset:0;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--accent)}.pulse span:nth-child(1),.pulse span:nth-child(2){background:transparent;border:2px solid var(--accent);animation:pulse-ring 1.8s var(--ease) infinite}.pulse span:nth-child(2){animation-delay:.9s}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.6);opacity:0}}.reconnect-msg{font-size:14px;color:var(--ink-soft)}.ghost-btn{background:transparent;border:1px solid var(--edge-2);color:var(--ink-soft);font:inherit;font-size:13px;padding:9px 20px;border-radius:var(--radius-pill);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ghost-btn:hover:not(:disabled){border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.onboard{position:fixed;left:50%;bottom:92px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 18px;background:var(--paper);border:1px solid var(--edge);border-radius:18px;color:var(--ink-soft);font-size:13px;box-shadow:var(--shadow-hud);z-index:40;pointer-events:none;opacity:1;transition:opacity .6s var(--ease),transform .6s var(--ease)}.onboard[hidden]{display:none}.onboard.fading{opacity:0;transform:translate(-50%) translateY(8px)}.onboard-row{display:flex;align-items:center;gap:9px}.onboard-tip{font-size:12px;color:var(--ink-mute)}.onboard kbd{font-family:var(--font-ui);font-size:11px;font-weight:700;color:var(--ink);background:var(--wood);border:1px solid var(--edge);border-radius:5px;padding:2px 6px;min-width:21px;text-align:center}.onboard-sep{color:var(--ink-mute)}.onboard-arrows{letter-spacing:2px;color:var(--ink)}.onboard-click{color:var(--ink-mute)}#hud{position:fixed;bottom:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:50;pointer-events:none}#hud[hidden]{display:none}.hud-group{display:flex;align-items:center;gap:11px}.hud-btn,.hud-pill{pointer-events:auto;box-shadow:var(--shadow-hud)}a.hud-pill{text-decoration:none}.guest-hint{margin:0 0 14px}.field[hidden]{display:none}.hud-btn{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border-radius:var(--radius-pill);border:1px solid var(--edge);background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .2s;white-space:nowrap}.hud-btn:hover{background:#fff;border-color:var(--edge-2)}.mic-glyph{position:relative;width:11px;height:16px;flex:0 0 auto}.mic-glyph:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:7px;height:10px;border-radius:4px;background:currentColor}.mic-glyph:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:9px;height:5px;border:1.5px solid currentColor;border-top:none;border-radius:0 0 5px 5px}#mic{color:var(--ink-soft)}#mic[aria-pressed=true]{border-color:#4f7a3a99;color:var(--sage);background:var(--sage-soft);box-shadow:var(--shadow-hud),0 0 16px -4px #4f7a3a80}#mic[aria-pressed=false] .mic-glyph{color:var(--ink-mute)}#mic[aria-pressed=false] .mic-glyph:before,#mic[aria-pressed=false] .mic-glyph:after{opacity:.6}#mic.attention{animation:mic-attention 1.8s var(--ease) infinite}@keyframes mic-attention{0%,to{box-shadow:var(--shadow-hud),0 0 #b54f2c00}50%{box-shadow:var(--shadow-hud),0 0 0 6px #b54f2c29}}#leave:hover{color:var(--danger);border-color:#b8483080}.hud-icon-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--edge);background:var(--paper);color:var(--ink-mute);cursor:pointer;box-shadow:var(--shadow-hud);pointer-events:auto;transition:background .15s,border-color .15s,color .15s}.hud-icon-btn:hover{background:#fff;border-color:var(--edge-2);color:var(--ink-soft)}.hud-pill{padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--edge);background:var(--paper);color:var(--ink-soft);font-size:13px;font-weight:600;user-select:none}.nudge{position:fixed;bottom:70px;left:22px;display:inline-flex;align-items:center;gap:9px;padding:9px 15px;background:#fff;border:1px solid var(--edge-2);border-radius:var(--radius-pill);color:var(--ink);font-size:12.5px;font-weight:600;box-shadow:var(--shadow-hud);z-index:49;pointer-events:none;animation:nudge-in .4s var(--ease)}.nudge[hidden]{display:none}@keyframes nudge-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nudge-dot{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 #4f7a3a80;animation:dot-pulse 1.9s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 #4f7a3a80}50%{box-shadow:0 0 0 6px #4f7a3a00}}#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--rail);display:flex;flex-direction:column;background:linear-gradient(180deg,#fbf5eaf5,#f3ead9f5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--edge);box-shadow:2px 0 18px -10px #3c281459;z-index:60}#sidebar[hidden]{display:none}.side-head{display:flex;align-items:center;gap:9px;padding:16px 16px 12px;border-bottom:1px solid var(--edge)}.org-dot{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px -2px var(--accent)}.org-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.2px}.admin-menu-wrap{position:relative;flex:0 0 auto}.admin-menu-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-btn);background:transparent;color:var(--ink-mute);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.admin-menu-btn:hover,.admin-menu-btn[aria-expanded=true]{border-color:var(--edge-2);background:var(--paper);color:var(--ink-soft)}.admin-menu-btn[hidden]{display:none}.admin-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:176px;display:flex;flex-direction:column;padding:4px;background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius-btn);box-shadow:0 8px 24px -12px #3c281473;z-index:70}.admin-menu[hidden]{display:none}.admin-menu-item{border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;font-weight:600;text-align:left;white-space:nowrap;padding:8px 10px;border-radius:calc(var(--radius-btn) - 2px);cursor:pointer;transition:background .15s,color .15s}.admin-menu-item:hover{background:var(--accent-soft);color:var(--accent-lo)}.roster{flex:1 1 auto;list-style:none;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.trial-pill{display:block;width:calc(100% - 16px);margin:8px 8px 0;padding:7px 10px;border:1px solid var(--edge);border-radius:10px;background:var(--paper-2);color:var(--ink-soft);font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.trial-pill:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-lo)}.trial-pill.urgent{border-color:#b54f2c73;background:var(--accent-soft);color:var(--accent-lo)}.trial-pill[hidden]{display:none}.roster-invite-btn{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 8px 8px;padding:8px 9px;border:1px dashed var(--edge-2);border-radius:10px;background:#fff;color:var(--ink-mute);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.roster-invite-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-lo)}.roster-invite-btn[hidden]{display:none}.roster-row{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:10px;transition:background .15s}.roster-row:hover,.roster-row:focus-within{background:var(--accent-soft)}.roster-row.is-self{background:#b54f2c1a}.roster-row.is-offline{opacity:.5}.roster-dot{flex:0 0 auto;position:relative;width:11px;height:11px;border-radius:50%;border:2px solid #fffaf2;box-shadow:0 1px 3px #3c28144d;transition:opacity .2s,box-shadow .2s,filter .2s}.roster-dot.has-avatar{width:20px;height:20px;background-size:cover;background-position:center}.roster-row.is-offline .roster-dot{filter:grayscale(1);opacity:.55}.roster-row[data-tone=away] .roster-dot{opacity:.72;box-shadow:0 1px 3px #3c281433,0 0 0 2px #fffaf2,0 0 0 3.5px var(--ink-mute)}.roster-row[data-tone=away] .roster-dot:not(.has-avatar){background:transparent!important;border-style:dashed;border-color:var(--ink-mute)}.roster-row[data-tone=dnd] .roster-dot{box-shadow:0 1px 3px #3c281433,0 0 0 2px #fffaf2,0 0 0 3.5px var(--danger)}.roster-row[data-tone=dnd] .roster-dot:not(.has-avatar){background:var(--danger)!important}.roster-row[data-tone=in_call] .roster-dot{box-shadow:0 1px 3px #3c281433,0 0 0 2px #fffaf2,0 0 0 3.5px var(--sage);animation:roster-status-ping 1.7s ease-out infinite}.roster-row[data-tone=in_call] .roster-dot:not(.has-avatar){background:var(--sage)!important}@keyframes roster-status-ping{0%{box-shadow:0 1px 3px #3c281433,0 0 0 2px #fffaf2,0 0 0 3.5px var(--sage),0 0 0 3.5px #4f7a3a8c}70%{box-shadow:0 1px 3px #3c281433,0 0 0 2px #fffaf2,0 0 0 3.5px var(--sage),0 0 0 9px #4f7a3a00}to{box-shadow:0 1px 3px #3c281433,0 0 0 2px #fffaf2,0 0 0 3.5px var(--sage),0 0 0 3.5px #4f7a3a00}}@media(prefers-reduced-motion:reduce){.roster-row[data-tone=in_call] .roster-dot{animation:none}}.roster-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}.roster-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-status{font-size:11px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-empty{padding:10px 11px;font-size:12px;line-height:1.5;color:var(--ink-mute)}.roster-row[data-tone=in_call] .roster-status{color:var(--sage);font-weight:600}.roster-row[data-tone=dnd] .roster-status{color:var(--danger);font-weight:600}.roster-row[data-tone=away] .roster-status{color:var(--ink-mute)}.page-btn{flex:0 0 auto;border:1px solid var(--edge);background:var(--paper);color:var(--accent-lo);font:inherit;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.page-btn:hover,.page-btn:focus-visible{background:var(--accent);color:#fff;border-color:var(--accent)}.side-foot{display:flex;gap:0;padding:12px;border-top:1px solid var(--edge)}.status-toggle{flex:1 1 0;min-width:0;border:1px solid var(--edge);background:var(--paper);color:var(--ink-soft);font:inherit;font-size:11px;font-weight:600;padding:8px 4px;border-radius:0;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.status-toggle+.status-toggle{margin-left:-1px}.status-toggle:first-child{border-radius:var(--radius-btn) 0 0 var(--radius-btn)}.status-toggle:last-child{border-radius:0 var(--radius-btn) var(--radius-btn) 0}.status-toggle:hover{border-color:var(--edge-2);z-index:1}.status-toggle[aria-checked=true]{z-index:2}#status-active[aria-checked=true]{background:var(--sage-soft);border-color:#4f7a3a8c;color:#4f7a3a}#status-away[aria-checked=true]{background:var(--accent-soft);border-color:#b54f2c80;color:var(--accent-lo)}#status-dnd[aria-checked=true]{background:#b8483024;border-color:#b8483080;color:var(--danger)}.tabs{position:fixed;top:10px;left:calc(var(--rail) + 18px);padding:6px;display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;z-index:55;max-width:calc(100vw - var(--rail) - 34px)}.tabs[hidden]{display:none}.tab{border:1px solid var(--edge);background:var(--paper);color:var(--ink-soft);font:inherit;font-size:13px;font-weight:600;padding:8px 15px;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-hud);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex:0 0 auto;max-width:180px;overflow:hidden;text-overflow:ellipsis}.tab:hover{background:#fff;color:var(--ink)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab[data-kind=team]:before{content:"•";margin-right:5px;color:var(--sage)}.tab.active[data-kind=team]:before{color:#ffffffd9}.tab-add{font-size:16px;line-height:1;padding:7px 13px;color:var(--accent-lo)}.tab-add-input{border:1px solid var(--accent);border-radius:var(--radius-pill);padding:7px 13px;font:inherit;font-size:13px;width:130px;outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.call-banner{position:fixed;top:16px;right:22px;display:inline-flex;align-items:center;gap:10px;padding:9px 12px 9px 15px;background:linear-gradient(180deg,#fff,var(--paper));border:1px solid rgba(79,122,58,.5);border-radius:var(--radius-pill);box-shadow:var(--shadow-hud),0 0 18px -6px #4f7a3a80;z-index:58;font-size:13px;font-weight:600;color:var(--ink);animation:nudge-in .3s var(--ease)}.call-banner[hidden]{display:none}.call-banner[data-mode=incoming]{border-color:#b848308c;box-shadow:var(--shadow-hud),0 0 18px -6px #b8483073}.call-banner[data-mode=outgoing]{border-color:#b54f2c80;box-shadow:var(--shadow-hud),0 0 18px -6px #b54f2c66}.call-dot{width:9px;height:9px;border-radius:50%;background:var(--sage);animation:dot-pulse 1.6s ease-in-out infinite}.call-banner[data-mode=incoming] .call-dot,.call-banner[data-mode=outgoing] .call-dot{background:var(--danger)}#screen-share,#camera-toggle,#screen-reopen,#call-accept,#hangup{border:none;color:#fff;font:inherit;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:var(--radius-pill);cursor:pointer;transition:filter .15s}#screen-share,#camera-toggle{background:var(--sage)}#screen-reopen{background:var(--accent-lo)}#screen-reopen[hidden],#call-accept[hidden]{display:none}#screen-share[aria-pressed=true],#camera-toggle[aria-pressed=true]{background:var(--accent)}#call-accept{background:var(--sage)}#hangup{background:var(--danger)}#screen-share:hover,#camera-toggle:hover,#screen-reopen:hover,#call-accept:hover,#hangup:hover{filter:brightness(1.08)}.call-banner[data-mode=incoming] #screen-share,.call-banner[data-mode=incoming] #camera-toggle,.call-banner[data-mode=incoming] #screen-reopen,.call-banner[data-mode=outgoing] #screen-share,.call-banner[data-mode=outgoing] #camera-toggle,.call-banner[data-mode=outgoing] #screen-reopen{display:none}.screen-panel{position:fixed;right:22px;top:64px;width:min(560px,calc(100vw - var(--rail) - 52px));aspect-ratio:16 / 10;display:flex;flex-direction:column;overflow:hidden;background:#18130f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-btn);box-shadow:var(--shadow-card);z-index:57}.screen-panel[hidden]{display:none}.screen-panel.fullscreen{right:0;top:0;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;border:none;z-index:120}.screen-head{flex:0 0 auto;height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 0 13px;color:#fdf6ea;background:#18130feb;font-size:13px;font-weight:700}.screen-head-actions{display:flex;align-items:center;gap:6px}#screen-fullscreen,#screen-close{width:26px;height:26px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff1f;color:#fdf6ea;font:inherit;font-size:18px;line-height:1;cursor:pointer}#screen-fullscreen:hover,#screen-close:hover{background:#fff3}#screen-video{flex:1 1 auto;min-height:0;width:100%;height:100%;display:block;object-fit:contain;background:#0f0c09}.self-view{position:absolute;right:10px;bottom:10px;width:clamp(96px,24%,220px);aspect-ratio:16 / 10;padding:0;overflow:hidden;background:#0f0c09;border:1px solid rgba(255,255,255,.35);border-radius:calc(var(--radius-btn) / 2);box-shadow:0 4px 14px #00000073;cursor:pointer;z-index:1}.self-view[hidden]{display:none}.self-view:hover{border-color:#fff9}.self-view video{width:100%;height:100%;display:block;object-fit:cover}.update-banner{position:fixed;bottom:18px;right:22px;display:inline-flex;align-items:center;gap:10px;padding:9px 12px 9px 15px;background:linear-gradient(180deg,#fff,var(--paper));border:1px solid var(--accent-soft);border-radius:var(--radius-pill);box-shadow:var(--shadow-hud);z-index:110;font-size:13px;font-weight:600;color:var(--ink);animation:nudge-in .3s var(--ease)}.update-banner[hidden]{display:none}#update-install{border:none;background:var(--accent);color:#fff;font:inherit;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:var(--radius-pill);cursor:pointer;transition:filter .15s}#update-install:hover:not(:disabled){filter:brightness(1.08)}#update-install:disabled{opacity:.65;cursor:default}.update-later{border:none;background:none;color:var(--ink);opacity:.55;font:inherit;font-size:12.5px;font-weight:600;padding:6px 8px;cursor:pointer}.update-later:hover{opacity:.9}.update-later[hidden]{display:none}.toasts{position:fixed;top:62px;right:22px;display:flex;flex-direction:column;gap:8px;z-index:110;pointer-events:none}.toast{padding:10px 15px;background:var(--ink);color:#fdf6ea;font-size:13px;font-weight:500;border-radius:var(--radius-btn);box-shadow:var(--shadow-card);animation:nudge-in .3s var(--ease);transition:opacity .45s,transform .45s}.toast.leaving{opacity:0;transform:translateY(-6px)}.toast[data-kind=error]{background:var(--danger);color:#fff}#hud,.nudge{left:calc(var(--rail) + 24px)}.onboard{left:calc(var(--rail) + (100% - var(--rail)) / 2)}.board-panel{position:fixed;left:var(--rail);right:0;bottom:84px;margin-inline:auto;width:min(380px,calc(100% - var(--rail) - 48px));display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--paper);border:1px solid var(--edge-2);border-radius:18px;box-shadow:var(--shadow-hud);z-index:45;color:var(--ink);font-size:13px;animation:nudge-in .3s var(--ease)}.board-panel[hidden]{display:none}.board-head{display:flex;align-items:baseline;justify-content:space-between}.board-head h2{font-size:13px;font-weight:700}.board-count{color:var(--ink-mute);font-size:12px}.board-notes{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}.board-note{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;background:#fff8e1;border:1px solid var(--edge);border-radius:8px}.board-note-text{overflow-wrap:anywhere}.board-note-meta{grid-row:2;color:var(--ink-mute);font-size:11.5px}.board-note-remove{grid-row:1 / span 2;grid-column:2;align-self:start;border:none;background:none;color:var(--ink-mute);font:inherit;font-size:12px;cursor:pointer}.board-note-remove:hover{color:var(--danger)}.board-empty{color:var(--ink-mute)}.board-form{display:flex;gap:8px}#board-input{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--edge-2);border-radius:var(--radius-btn);background:#fff;color:var(--ink);font:inherit}#board-post{border:none;padding:8px 14px;border-radius:var(--radius-btn);background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}@media(max-width:860px){:root{--rail: 200px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.auth-block{display:grid;gap:10px}.auth-block[hidden]{display:none}.auth-actions{display:grid;gap:10px}.auth-actions[hidden]{display:none}.oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:11px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:var(--paper-2);border:1px solid var(--edge-2);border-radius:var(--radius-btn);cursor:pointer;transition:background .15s,border-color .15s,transform .08s}.oauth-btn:hover:not(:disabled){background:var(--wood);border-color:var(--accent)}.oauth-btn:active:not(:disabled){transform:translateY(1px)}.oauth-btn:disabled{opacity:.6;cursor:progress}.oauth-icon{width:16px;height:16px;flex:none}.auth-or{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--ink-mute)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--edge)}.email-step{display:grid;gap:8px}.email-step[hidden]{display:none}.email-step input{padding:11px 12px;font:inherit;font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--edge-2);border-radius:var(--radius-btn)}.email-step input:focus-visible{outline:none;border-color:var(--accent)}#login-code{text-align:center;font-size:20px;font-weight:600;letter-spacing:.32em;text-indent:.32em}.code-links{display:flex;justify-content:space-between;gap:8px}.code-links .ghost-btn{font-size:11.5px}.auth-session{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:9px 12px;background:var(--paper-2);border:1px solid var(--edge);border-radius:var(--radius-btn);font-size:13px;color:var(--ink)}.auth-session[hidden]{display:none}.auth-dot{width:8px;height:8px;border-radius:50%;background:var(--ok, #86b27a);flex:none}.auth-dot.pending{background:var(--ink-mute);animation:auth-pending-pulse 1.2s ease-in-out infinite}.auth-restoring .auth-user{font-weight:500;color:var(--ink-mute)}@keyframes auth-pending-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.auth-dot.pending{animation:none}}.auth-user{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.auth-hint{margin:0;font-size:11.5px;color:var(--ink-mute);text-align:center}.org-setup{display:flex;flex-direction:column;gap:16px}.org-setup[hidden]{display:none}#join-form.org-setup-mode>.auth-block,#join-form.org-setup-mode>.identity,#join-form.org-setup-mode>.field,#join-form.org-setup-mode>.join-settings-btn,#join-form.org-setup-mode>#join-btn,#join-form.invite-setup-mode>.auth-block,#join-form.invite-setup-mode>.identity,#join-form.invite-setup-mode>.field,#join-form.invite-setup-mode>.join-settings-btn,#join-form.invite-setup-mode>#join-btn{display:none}#invite-setup.no-email>#invite-setup-emails-field,#invite-setup.no-email>#invite-setup-send{display:none}#invite-setup-status[hidden]{display:none}#invite-setup-copy,#invite-setup-enter{align-self:center}#invite-setup-copy.setup-primary,#invite-setup-enter.setup-primary{align-self:stretch}.auth-trial{margin-top:8px}.auth-trial[hidden]{display:none}#join-form.billing-lock-mode>.identity,#join-form.billing-lock-mode>.field,#join-form.billing-lock-mode>#join-btn{display:none}.billing-lock-orgs{margin-top:6px}.billing-lock-orgs-list{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.auth-session .auth-org-select{width:auto;flex:1 1 140px;min-width:0;max-width:100%}.auth-session>.ghost-btn{flex:none}.auth-session .cselect-trigger{padding:5px 9px;font-size:12.5px}.org-setup-title{font-size:18px;font-weight:700;color:var(--ink)}.org-setup-desc{font-size:13.5px;line-height:1.6;color:var(--ink-soft)}.setup-primary{padding:14px;background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:#fff;font:inherit;font-size:14.5px;font-weight:700;letter-spacing:.2px;border:none;border-radius:var(--radius-btn);cursor:pointer;box-shadow:var(--glow-accent),inset 0 1px #ffffff4d;transition:filter .15s,transform .08s}.setup-primary:hover:not(:disabled){filter:brightness(1.05)}.setup-primary:active:not(:disabled){transform:translateY(1px)}.setup-primary:disabled{opacity:.6;cursor:progress;filter:saturate(.75)}#org-setup-back{align-self:center}.org-setup-join{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--edge)}.org-setup-join>.ghost-btn{align-self:center}.invite-card{width:min(440px,100%);gap:18px}.invite-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-title{font-size:16px;font-weight:700;color:var(--ink)}.invite-issue{display:flex;align-items:flex-end;gap:10px}.invite-email-row{display:flex;align-items:stretch;gap:10px}.invite-email-row>input{flex:1 1 auto;min-width:0}.invite-email-row>button{flex:0 0 auto}.invite-email-row[hidden]{display:none}.invite-role-field{flex:0 0 auto;width:148px}.cselect{position:relative;width:100%}.cselect-trigger{display:flex;align-items:center;gap:8px;width:100%;background:#fffdf8;border:1px solid var(--edge);border-radius:var(--radius-btn);padding:10px 12px;color:var(--ink);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.cselect-trigger:hover:not(:disabled){border-color:var(--edge-2)}.cselect-trigger:focus-visible,.cselect.is-open .cselect-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cselect-trigger:disabled{opacity:.55;cursor:not-allowed}.cselect-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect-chevron{flex:0 0 auto;display:grid;place-items:center;color:var(--ink-mute);transition:transform .18s var(--ease),color .15s}.cselect.is-open .cselect-chevron{transform:rotate(180deg);color:var(--accent)}.cselect-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;margin:0;padding:4px;list-style:none;max-height:220px;overflow-y:auto;background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius-btn);box-shadow:0 8px 24px -12px #3c281473;outline:none}.cselect-list[hidden]{display:none}.cselect-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:calc(var(--radius-btn) - 2px);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.cselect-option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect-check{flex:0 0 auto;display:grid;place-items:center;color:var(--accent);opacity:0}.cselect-option[aria-selected=true] .cselect-check{opacity:1}.cselect-option:hover,.cselect-option.is-active{background:var(--accent-soft);color:var(--ink)}.cselect-option[aria-selected=true]{color:var(--ink)}@media(prefers-reduced-motion:reduce){.cselect-chevron,.cselect-option{transition:none}}.mic-level{height:6px;border-radius:var(--radius-pill);background:var(--edge);overflow:hidden;margin-top:-6px}.mic-level-bar{height:100%;width:0%;border-radius:inherit;background:var(--accent);transition:width 90ms linear}#invite-issue-btn,#invite-email-send{flex:1 1 auto;padding:10px 18px;background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:#fff;font:inherit;font-size:13.5px;font-weight:700;border:none;border-radius:var(--radius-btn);cursor:pointer;box-shadow:var(--glow-accent),inset 0 1px #ffffff4d;transition:filter .15s,transform .08s}#invite-issue-btn:hover:not(:disabled),#invite-email-send:hover:not(:disabled){filter:brightness(1.05)}#invite-issue-btn:disabled,#invite-email-send:disabled{opacity:.6;cursor:progress}.invite-result{display:flex;flex-direction:column;gap:10px}.invite-result[hidden]{display:none}.invite-result-code{background:#fffdf8;border:1px solid var(--edge-2);border-radius:var(--radius-btn);padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--ink);word-break:break-all;user-select:all}.invite-result-actions{display:flex;gap:8px}.invite-list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.invite-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--paper-2);border-radius:10px;font-size:12.5px}.invite-row-role{flex:0 0 auto;font-weight:700;color:var(--ink)}.invite-row-meta{flex:1 1 auto;color:var(--ink-mute);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row-name{color:var(--ink-soft)}.invite-revoke-btn{flex:0 0 auto;border:1px solid var(--edge);background:transparent;color:var(--danger);font:inherit;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,border-color .15s}.invite-revoke-btn:hover,.invite-revoke-btn:focus-visible{background:#b848301a;border-color:#b8483059}.invite-empty{font-size:12.5px;color:var(--ink-mute);padding:4px 2px}