.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft)}.btn--primary:hover{background:var(--color-primary-strong);box-shadow:var(--shadow-raised)}.btn--ghost{background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-soft)}.btn--danger{background:var(--color-danger);color:#fff}.btn--toggle{background:var(--color-surface-raised);color:var(--color-ink-soft);border-radius:var(--radius-pill);width:48px;height:48px;padding:0;font-size:1.2rem;box-shadow:var(--shadow-soft)}.btn--toggle.btn--active{background:var(--color-secondary);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login{height:100%;display:grid;place-items:center;background:radial-gradient(60vw 60vh at 15% 10%,rgb(46 196 182 / .12),transparent 60%),radial-gradient(50vw 50vh at 85% 90%,rgb(255 107 94 / .14),transparent 60%),var(--color-surface)}.login__panel{width:min(400px,calc(100vw - 2 * var(--space-6)));background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.login__brand{display:flex;align-items:center;gap:var(--space-3)}.login__dot{width:18px;height:18px;border-radius:50%;background:var(--color-primary);box-shadow:26px 0 0 -4px var(--color-secondary),50px 0 0 -8px var(--color-accent)}.login__title{font-size:var(--text-xl);letter-spacing:-.02em}.login__subtitle{margin:0;color:var(--color-ink-soft)}.login__form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.login__field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-soft)}.login__field input{padding:var(--space-3);border:1.5px solid var(--color-surface-sunken);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--duration-fast) ease}.login__field input:focus{border-color:var(--color-secondary);outline:none}.login__error{margin:0;color:var(--color-danger);font-size:var(--text-sm)}.login__hint{margin:0;font-size:var(--text-xs);color:var(--color-ink-faint);text-align:center}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:modal-fade var(--duration-fast) ease-out}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:min(560px,calc(100vw - 2 * var(--space-6)));max-height:calc(100vh - 2 * var(--space-8));display:flex;flex-direction:column;overflow:hidden;animation:modal-pop var(--duration-normal) var(--ease-out-expo)}.modal--wide{width:min(960px,calc(100vw - 2 * var(--space-6)))}.modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-surface-sunken)}.modal__title{font-size:var(--text-lg)}.modal__close{color:var(--color-ink-faint);font-size:var(--text-base);padding:var(--space-1);border-radius:var(--radius-sm)}.modal__close:hover{color:var(--color-ink)}.modal__body{flex:1;min-height:0;padding:var(--space-6);overflow:auto}.modal__footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-surface-sunken);background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}.bubble{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:2px;margin-left:-44px;will-change:transform;pointer-events:none}.bubble__video{width:88px;height:66px;object-fit:cover;border-radius:var(--radius-md);border:2.5px solid #fff;box-shadow:var(--shadow-raised);background:var(--color-ink)}.bubble__placeholder{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-raised);border:2.5px solid #fff;box-shadow:var(--shadow-soft);font-size:1rem}.bubble__placeholder--connecting{color:var(--color-ink-faint);animation:bubble-pulse 1.2s ease-in-out infinite}.bubble__label{font-size:var(--text-xs);font-weight:600;color:#fff;text-shadow:0 1px 3px rgb(30 36 48 / .6)}@keyframes bubble-pulse{50%{opacity:.4}}.screen-window{position:absolute;top:0;left:0;margin-left:-120px;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform;pointer-events:none}.screen-window__hit{pointer-events:auto;padding:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-pop);border:3px solid var(--color-secondary);line-height:0}.screen-window__video{width:240px;height:135px;object-fit:contain;background:var(--color-ink)}.screen-window__video--big{width:100%;max-height:70vh;background:var(--color-ink);border-radius:var(--radius-md)}.screen-window__label{font-size:var(--text-xs);font-weight:600;color:#fff;text-shadow:0 1px 3px rgb(30 36 48 / .6)}.bubble__ring{pointer-events:auto;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-raised);border:2px solid var(--color-secondary);color:var(--color-ink);font-size:var(--text-xs);font-weight:600;box-shadow:var(--shadow-soft);cursor:pointer;white-space:nowrap}.bubble__ring:hover{background:var(--color-secondary);color:#fff}.bubble__ring--outgoing{border-color:var(--color-warning);animation:bubble-pulse 1.2s ease-in-out infinite}.bubble__ring--declined{border-color:var(--color-danger);color:var(--color-danger);cursor:default}.ring-toasts{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-modal)}.ring-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.ring-toast__bell{font-size:1.4rem;animation:ring-shake .8s ease-in-out infinite}@keyframes ring-shake{0%,to{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-4deg)}}.ring-toast__text{font-size:var(--text-sm);color:var(--color-ink)}.ring-toast__error{display:block;color:var(--color-danger);font-size:var(--text-xs)}.ring-toast__actions{display:flex;gap:var(--space-2)}.ring-toast__accept,.ring-toast__decline{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;cursor:pointer}.ring-toast__accept{background:var(--color-success);color:#fff}.ring-toast__decline{background:var(--color-surface-sunken);color:var(--color-ink-soft)}.call-strip{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-ink);box-shadow:var(--shadow-raised);z-index:var(--z-hud)}.call-strip__tiles{flex:1;display:flex;gap:var(--space-2);justify-content:center;overflow-x:auto;min-width:0}.call-strip__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.call-strip__hangup{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-weight:600;font-size:var(--text-sm);white-space:nowrap;cursor:pointer}.call-strip__minimize{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:#ffffff1f;color:#fff;font-size:var(--text-sm);white-space:nowrap;cursor:pointer}.call-strip__minimize:hover{background:#fff3}.call-tile{position:relative;height:116px;aspect-ratio:4 / 3;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:#000}.call-tile--self{border:2px solid rgb(255 255 255 / .5)}.call-tile__video{width:100%;height:100%;object-fit:cover}.call-tile__video--self{transform:scaleX(-1)}.call-tile__placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:1.6rem;color:var(--color-ink-faint)}.call-tile__label{position:absolute;bottom:var(--space-1);left:var(--space-2);font-size:var(--text-xs);font-weight:600;color:#fff;text-shadow:0 1px 3px rgb(30 36 48 / .8)}.call-tile__enlarge{position:absolute;top:var(--space-1);right:var(--space-1);padding:2px 8px;border-radius:var(--radius-sm);background:#1e243099;color:#fff;cursor:pointer}.call-panel-chip{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-pill);box-shadow:var(--shadow-raised);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);cursor:pointer;z-index:var(--z-hud)}.chat-fab{position:absolute;bottom:var(--space-4);left:var(--space-4);width:52px;height:52px;border-radius:50%;background:var(--color-surface-raised);box-shadow:var(--shadow-raised);font-size:1.3rem;z-index:var(--z-panel)}.chat-fab__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;display:grid;place-items:center}.chat{position:absolute;bottom:var(--space-4);left:var(--space-4);width:320px;height:420px;max-height:calc(100vh - 2 * var(--space-8));display:flex;flex-direction:column;background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);z-index:var(--z-panel);overflow:hidden}.chat__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-surface-sunken)}.chat__tabs{display:flex;gap:var(--space-1)}.chat__tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;color:var(--color-ink-soft)}.chat__tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-1)}.chat__tab--active{background:var(--color-ink);color:#fff}.chat__tab-badge{min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:.6875rem;font-weight:700;display:grid;place-items:center}.dm{flex:1;display:flex;flex-direction:column;min-height:0}.dm__new,.dm__back{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-secondary);text-align:left;border-bottom:1px solid var(--color-surface-sunken)}.dm__list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0}.dm__conv{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-surface-sunken)}.dm__conv:hover{background:var(--color-surface-sunken)}.dm__conv-name{font-size:var(--text-sm);font-weight:600;color:var(--color-ink)}.dm__conv-preview{grid-column:1 / 2;font-size:var(--text-xs);color:var(--color-ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm__conv-badge{grid-row:1 / 3;grid-column:2;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;display:grid;place-items:center}.dm__status{font-size:var(--text-xs);color:var(--color-ink-faint)}.dm__status--online{color:var(--color-success);font-weight:600}.dm__messages{gap:var(--space-1)}.dm__message{max-width:85%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);align-self:flex-start}.dm__message--own{align-self:flex-end;background:var(--color-secondary);color:#fff}.dm__message--own .chat__time{color:#ffffffbf}.chat__close{color:var(--color-ink-faint)}.chat__list{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.chat__more{align-self:center;font-size:var(--text-xs);color:var(--color-secondary);font-weight:600}.chat__empty{color:var(--color-ink-faint);font-size:var(--text-sm);text-align:center;margin:auto}.chat__message{display:grid;grid-template-columns:1fr auto;gap:0 var(--space-2)}.chat__author{font-size:var(--text-xs);font-weight:600;color:var(--color-secondary)}.chat__time{font-size:var(--text-xs);color:var(--color-ink-faint)}.chat__body{grid-column:1 / -1;margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}.chat__error{margin:0;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-danger)}.chat__form{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-surface-sunken)}.chat__form input{flex:1;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-surface-sunken);border-radius:var(--radius-pill);background:var(--color-surface)}.chat__form input:focus{border-color:var(--color-secondary);outline:none}.chat__form button{font-weight:600;color:var(--color-primary)}.chat__form button:disabled{color:var(--color-ink-faint)}.avatar-editor{display:flex;gap:var(--space-6);align-items:flex-start}.avatar-editor__preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:sticky;top:0}.avatar-preview{width:112px;height:112px;border-radius:var(--radius-lg);background:var(--color-surface-sunken);display:grid;place-items:center;overflow:hidden}.avatar-preview__img{max-width:84px;max-height:104px;object-fit:contain;image-rendering:auto}.avatar-editor__hint{margin:0;font-size:var(--text-xs);color:var(--color-ink-faint);text-align:center;max-width:120px}.avatar-editor__controls{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-6);min-width:0}.avatar-editor__row--wide{grid-column:1 / -1}.avatar-editor__row{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.avatar-editor__row legend{width:100%;padding:0;margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.04em}.avatar-editor__swatch{width:28px;height:28px;border-radius:var(--radius-pill);border:2px solid transparent;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast)}.avatar-editor__swatch:hover{transform:scale(1.12)}.avatar-editor__swatch--active{border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-surface-raised)}.avatar-editor__chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-surface-sunken);background:var(--color-surface-raised);color:var(--color-ink-soft);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)}.avatar-editor__chip:hover{border-color:var(--color-ink-faint);color:var(--color-ink)}.avatar-editor__chip--active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.avatar-editor__error{color:var(--color-danger);font-size:var(--text-sm);align-self:center;margin-right:auto}.hud{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-pill);box-shadow:var(--shadow-raised);z-index:var(--z-hud)}.hud__zone{font-size:var(--text-sm);font-weight:600;color:var(--color-secondary);white-space:nowrap}.hud__controls{display:flex;gap:var(--space-2)}.hud__meta{display:flex;gap:var(--space-3)}.hud__link{font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:500;white-space:nowrap}.hud__link:hover{color:var(--color-ink)}.hud__error{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);margin:0;padding:var(--space-2) var(--space-4);background:var(--color-danger);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap}.hud__toggle--armed{animation:hud-armed-pulse 2s ease-in-out infinite}@keyframes hud-armed-pulse{0%,to{box-shadow:0 0 #2ec4b673}50%{box-shadow:0 0 0 6px #2ec4b600}}.hud__toggle--live{position:relative}.hud__live-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-danger);border:1.5px solid var(--color-surface-raised)}.hud__settings-anchor{position:relative}.settings-popover{position:absolute;bottom:calc(100% + var(--space-3));right:0;width:280px;padding:var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;z-index:var(--z-panel)}.settings-popover__title{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.settings-popover__row{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm);color:var(--color-ink);cursor:pointer}.settings-popover__row input{margin-top:3px;accent-color:var(--color-secondary)}.settings-popover__row small{display:block;color:var(--color-ink-faint);font-size:var(--text-xs);margin-top:2px}.settings-popover__advanced summary{font-size:var(--text-xs);color:var(--color-ink-soft);cursor:pointer;margin-bottom:var(--space-2)}.settings-popover__advanced .settings-popover__row{margin-bottom:var(--space-2)}.zone-call-banner{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);background:var(--color-secondary);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-raised);z-index:var(--z-hud);white-space:nowrap}.interaction-hint{position:absolute;top:0;left:0;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);margin-left:-0px;background:var(--color-ink);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-raised);will-change:transform}.interaction-hint kbd{background:#fff;color:var(--color-ink);border-radius:4px;padding:0 6px;font-family:var(--font-body);font-weight:700}.whiteboard__toolbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.whiteboard__colors,.whiteboard__widths{display:flex;gap:var(--space-2)}.whiteboard__color{width:26px;height:26px;border-radius:50%;border:2px solid transparent;transition:transform var(--duration-fast) var(--ease-out-expo)}.whiteboard__color--active{border-color:var(--color-ink);transform:scale(1.15)}.whiteboard__width{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-surface-sunken)}.whiteboard__width--active{background:var(--color-ink)}.whiteboard__width span{display:block;border-radius:50%;background:currentColor;color:var(--color-ink)}.whiteboard__width--active span{color:#fff;background:#fff}.whiteboard__clear{margin-left:auto;color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.whiteboard__canvas{width:100%;border-radius:var(--radius-md);border:1.5px solid var(--color-surface-sunken);background:#fff;cursor:crosshair;touch-action:none}.stickyboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.note{display:flex;flex-direction:column;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);min-height:140px;transform:rotate(-.6deg)}.note:nth-child(2n){transform:rotate(.8deg)}.note--yellow{background:#fbe27a}.note--coral{background:#ffb3ab}.note--teal{background:#a8e6df}.note--lavender{background:#cfc6ff}.note__body{flex:1;background:transparent;border:none;resize:none;padding:var(--space-3);font-size:var(--text-sm);color:var(--color-ink)}.note__body:focus{outline:none}.note__footer{display:flex;justify-content:flex-end;gap:var(--space-1);padding:var(--space-1) var(--space-2);opacity:0;transition:opacity var(--duration-fast) ease}.note:hover .note__footer,.note:focus-within .note__footer{opacity:1}.stickyboard__add{min-height:140px;border:2px dashed var(--color-ink-faint);border-radius:var(--radius-sm);color:var(--color-ink-soft);font-weight:600;transition:border-color var(--duration-fast) ease,color var(--duration-fast) ease}.stickyboard__add:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.picture-modal{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.picture-modal__image{max-width:100%;max-height:60vh;border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}.picture-modal__empty{padding:var(--space-8);color:var(--color-ink-faint);font-size:var(--text-sm)}.picture-modal__error{margin:0;color:var(--color-danger);font-size:var(--text-sm)}.picture-modal__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.picture-modal__upload{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-secondary);color:#fff;font-weight:600;cursor:pointer}.picture-modal__upload:disabled{opacity:.6;cursor:default}.picture-modal__hint{font-size:var(--text-xs);color:var(--color-ink-faint)}.calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6)}.calendar__title{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:700;color:var(--color-ink);text-transform:capitalize}.calendar__grid{display:grid;grid-template-columns:auto repeat(7,1fr);gap:2px;align-items:center}.calendar__weekday{text-align:center;font-size:var(--text-xs);font-weight:700;color:var(--color-ink-faint);padding-bottom:var(--space-1)}.calendar__kw-head,.calendar__kw{font-size:.6875rem;color:var(--color-ink-faint);text-align:center;padding-right:var(--space-1);border-right:1px solid var(--color-surface-sunken)}.calendar__kw{font-weight:600}.calendar__day{aspect-ratio:1;display:grid;place-items:center;font-size:var(--text-sm);color:var(--color-ink);border-radius:var(--radius-sm)}.calendar__day--empty{background:transparent}.calendar__day--today{background:var(--color-primary);color:#fff;font-weight:700}.youtube__frame-wrap{position:relative;aspect-ratio:16 / 9}.youtube__frame{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:var(--radius-md)}.presence{position:absolute;top:var(--space-4);right:var(--space-4);width:200px;max-height:40vh;background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-3) var(--space-4);overflow:auto;z-index:var(--z-panel)}.presence__title{font-size:var(--text-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.presence__count{background:var(--color-secondary);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-xs);padding:0 var(--space-2)}.presence__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.presence__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.presence__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence__dm{flex-shrink:0;opacity:0;cursor:pointer;font-size:var(--text-sm);transition:opacity var(--duration-fast) ease}.presence__item:hover .presence__dm,.presence__dm:focus-visible{opacity:1}.presence__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.presence__name em{color:var(--color-ink-faint);font-style:normal;font-size:var(--text-xs)}.office{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column}.office__stage{position:relative;flex:1;min-height:0}.office__canvas{position:absolute;inset:0;z-index:var(--z-canvas)}.office__canvas canvas{display:block}.office__world-overlay{position:absolute;inset:0;z-index:var(--z-world-overlay);pointer-events:none;overflow:hidden}.office__status{position:absolute;inset:0;display:grid;place-items:center;gap:var(--space-4);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink-soft);z-index:var(--z-modal)}.office__status--error{color:var(--color-danger)}.office__status button{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600}:root{--color-surface: #faf7f2;--color-surface-raised: #ffffff;--color-surface-sunken: #f0ebe3;--color-ink: #1e2430;--color-ink-soft: #5a6372;--color-ink-faint: #98a0ad;--color-primary: #ff6b5e;--color-primary-strong: #e8554a;--color-secondary: #2ec4b6;--color-accent: #9b8cff;--color-warning: #f2b33d;--color-danger: #e0454e;--color-success: #3bb273;--color-overlay: rgb(30 36 48 / .45);--font-body: "Inter", system-ui, sans-serif;--font-display: "Outfit", var(--font-body);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-soft: 0 4px 16px rgb(30 36 48 / .08);--shadow-raised: 0 8px 28px rgb(30 36 48 / .14);--shadow-pop: 0 12px 40px rgb(30 36 48 / .22);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--duration-fast: .15s;--duration-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--z-canvas: 0;--z-world-overlay: 10;--z-hud: 20;--z-panel: 30;--z-modal: 40}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{font-family:var(--font-display);margin:0}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}