.character-editor{color:#f8fafc;border:1px solid #ffffff1f;border-radius:8px;gap:8px;min-width:0;margin:0;padding:10px;display:grid}.character-editor legend{color:#f8fafc;font-size:13px;font-weight:600}.character-editor>label{color:#cbd5e1;grid-template-columns:65px 1fr;align-items:center;font-size:13px;display:grid}.character-editor select{color:#f8fafc;background:#1e293bcc;border:1px solid #ffffff24;border-radius:6px;width:100%;min-width:0;padding:5px 8px}.character-preview{background:#1e293b80;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:8px;display:flex}.character-preview canvas{image-rendering:pixelated;width:72px;height:144px}.character-controls{justify-items:center;gap:12px;font-size:13px;display:grid}.character-controls .turn{align-items:center;gap:6px;display:flex}.character-controls .turn span{text-align:center;color:#cbd5e1;min-width:3em}.character-controls .turn button{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;width:28px;height:28px;padding:0}.character-quick-actions{gap:6px;margin-top:4px;display:flex}.character-quick-actions .action-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:11px;transition:background .15s,color .15s}.character-quick-actions .action-btn:hover{color:#fff;background:#ffffff2e}.character-preview label{display:block}.part-tabs{flex-wrap:wrap;gap:4px;display:flex}.character-editor .part-tabs button{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1f;border-radius:999px;padding:5px 10px;font-size:12px;transition:all .15s}.character-editor .part-tabs button:hover{color:#fff;background:#ffffff1f}.character-editor .part-tabs button[aria-selected=true]{color:#fff;background:#2563eb;border-color:#3b82f6}.part-panel{gap:8px;max-height:300px;padding-right:2px;display:grid;overflow-y:auto}.option-group{color:#cbd5e1;gap:4px;font-size:12px;display:grid}.option-group>span{color:#f8fafc;font-weight:600}.tiles{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;display:grid}.tiles .tile{color:#f8fafc;cursor:pointer;background:#1e293b80;border:2px solid #ffffff1a;border-radius:8px;justify-items:center;gap:2px;padding:4px 2px;font-size:10px;transition:border-color .15s;display:grid}.tiles .tile:hover{border-color:#38bdf8}.tiles .tile[aria-pressed=true]{background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.tiles .tile canvas{width:32px;height:48px;image-rendering:pixelated}.character-editor small{color:#94a3b8;font-size:10px}.character-editor a{color:#38bdf8}.character-editor p{color:#f87171;font-size:12px}.character-dialog{-webkit-backdrop-filter:blur(24px);color:#f8fafc;background:#0f172af5;border:1px solid #ffffff1f;border-radius:14px;width:min(380px,100vw - 64px);max-height:calc(100dvh - 72px);padding:20px;overflow:auto;box-shadow:0 20px 48px #0009}.character-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.character-dialog h2{color:#f8fafc;margin:0 0 14px;font-size:18px;font-weight:700}.character-dialog h3{color:#38bdf8;border-bottom:1px solid #ffffff14;margin:16px 0 8px;padding-bottom:4px;font-size:14px;font-weight:600}.character-dialog ul{color:#cbd5e1;margin:6px 0 12px;padding-left:20px;font-size:12px;line-height:1.6}.character-dialog li{margin-bottom:4px}.character-dialog p{color:#cbd5e1;font-size:12px;line-height:1.6}.character-dialog footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.character-dialog button,.character-dialog select{font:inherit;border-radius:8px;padding:7px 12px}.character-dialog button{cursor:pointer;color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1f;transition:background .15s}.character-dialog button:hover{background:#ffffff26}.character-dialog footer button:last-child{color:#fff;background:#2563eb;border:0;font-weight:600}.character-dialog footer button:last-child:hover{background:#1d4ed8}.character-editor :focus-visible,.character-dialog :focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.gate{box-sizing:border-box;align-items:start;padding:16px;overflow-y:auto}.gate form{width:min(360px,100vw - 80px);margin:auto}.gate-avatar-row{justify-content:center;align-items:center;gap:12px;margin:8px 0;display:flex}.gate-avatar-preview{background:#1e293b99;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:40px;height:56px;display:flex}.gate-avatar-preview canvas{width:32px;height:48px;image-rendering:pixelated}.gate-avatar-btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 12px;font-size:13px;transition:background .15s}.gate-avatar-btn:hover{background:#ffffff29}.dock-panel{z-index:60;right:16px;bottom:calc(var(--dock-h) + 8px);box-sizing:border-box;width:min(360px,100vw - 32px);max-height:calc(100dvh - var(--dock-h) - 32px);border:1px solid var(--panel-border);background:var(--panel-solid);color:var(--ink-on-dark);box-shadow:var(--panel-shadow);text-align:left;border-radius:14px;padding:14px;font-family:inherit;font-size:13px;line-height:1.5;position:fixed;overflow-y:auto}.dock-more-panel{z-index:50}.dock-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dock-panel h2{margin:0;font-size:15px}.dock-panel header>button{background:var(--panel-2);color:inherit;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:5px 8px}.dock-section{padding-top:12px}.dock-section+.dock-section{border-top:1px solid var(--panel-line);margin-top:12px}.dock-section h3{color:var(--muted-on-dark);margin:0 0 6px;font-size:11px;font-weight:500}.dock-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.dock-panel .dock-btn{text-align:left;white-space:normal;background:0 0;border-color:#0000;border-radius:7px;justify-content:flex-start;align-items:center;gap:6px;min-width:0;height:auto;min-height:38px;padding:7px 8px;font-size:13px;display:flex}.dock-panel .dock-btn.on{background:var(--accent);box-shadow:none}.dock-panel .dock-btn.danger{color:#fca5a5}.dock-panel .dock-btn:hover:not(:disabled){background:var(--panel-hover);transform:none}.dock-panel .pomodoro-clock{font-size:13px}.dock-panel small{color:var(--muted-on-dark)}.reaction-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:12px;display:grid}.reaction-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.reaction-catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.reaction-catalog .dock-btn{justify-content:center;min-height:44px;font-size:22px}.reaction-menu .dock-btn[aria-pressed=true]{background:var(--panel-hover);outline:2px solid var(--accent);outline-offset:-2px}.host-announce-form{grid-column:1/-1;align-items:center;gap:6px;margin-top:4px;display:flex}.host-announce-form input{border:1px solid var(--panel-line);background:var(--panel-2);min-width:0;color:var(--ink-on-dark);border-radius:6px;flex:1;padding:6px 10px;font-size:12px}.host-announce-form input:focus{outline-offset:-1px;outline:2px solid #60a5fa}.host-announce-form button{flex-shrink:0}[data-input-overlay]:focus-visible,[data-input-overlay] :focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.pomodoro-panel{z-index:70}.furniture-editor{box-sizing:border-box;max-height:calc(100dvh - 88px);overflow-y:auto}.dock-group{flex-wrap:wrap;min-width:0;max-width:100%}.dock-group.me{gap:6px}.room-lock-summary{color:var(--muted-on-dark);font-size:11px}@media (width<=1100px){.office.has-sidebar .dock{right:14px}.dock{justify-content:flex-start;gap:6px}.dock-btn{min-width:44px;padding:4px 6px}.dock-group{gap:4px}.dock-group.me{flex-direction:column;gap:2px}.me-card{max-width:120px;padding:3px 6px}.me-card small{display:none}.dock .me select{padding:2px 4px;font-size:11px}}@media (width<=700px){.dock-panel{max-height:calc(100dvh - 32px);top:16px;bottom:auto}.dock{border-radius:12px;padding:6px;left:8px;right:8px}.office.has-sidebar .dock{right:8px}.dock .dock-btn{height:auto;min-height:40px}}a.dock-btn{align-content:center;text-decoration:none}@media (width>=701px){.dock>.dock-group:not(.me){background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:4px}.dock>.dock-group>.dock-btn,.dock>.dock-group>*>.dock-btn{background:0 0;border-color:#0000;grid-template-rows:20px auto;align-content:center}.dock>.dock-group .dock-btn.on:not(.media){box-shadow:none;background:#2563eb47;border-color:#60a5fa8c}.dock>.dock-group .dock-btn.media.on{background:#10b98138;border-color:#34d39999}.dock>.dock-group .dock-btn.media.off{background:#ef444424;border-color:#ef444459}.dock>.dock-group .dock-btn.primary{background:#10b98133;border-color:#10b98159}}.video-stage{overscroll-behavior:contain;max-height:calc(100dvh - 160px);overflow-y:auto}.media-audio{display:none}.media-videos{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.media-video{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1a;border-radius:14px;width:180px;min-width:0;margin:0;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #00000080}.media-video.is-speaking{box-shadow:0 0 0 2px #34d399,0 6px 18px #0006}.media-video video{aspect-ratio:4/3;object-fit:cover;background:#0b0f19;width:100%;display:block}.media-video figcaption{-webkit-backdrop-filter:blur(8px);color:#f8fafc;overflow-wrap:anywhere;background:#0f172ad9;border:1px solid #ffffff1f;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 6px #0006}.media-presentation{border-radius:16px;flex-basis:100%;width:min(720px,100%)}.media-presentation video{aspect-ratio:16/9;object-fit:contain;background:#020617}.media-screens,.media-cameras{display:contents}.media-placeholder{aspect-ratio:4/3;background:radial-gradient(circle at 50% 36%,#1e293bcc,#0f172af5);flex-direction:column;justify-content:center;align-items:center;display:flex!important}.media-placeholder:before{content:"";background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:24px;border:1px solid #ffffff24;border-radius:50%;width:44px;height:44px;margin-bottom:6px;display:block;box-shadow:0 4px 12px #00000040}.media-placeholder>span{color:var(--muted-on-dark);text-align:center;padding:0 12px 24px;font-size:12px;line-height:1.4}.office.meeting-layout .dock{justify-content:flex-start}.office.meeting-layout .dock-group{flex-wrap:wrap;min-width:0;max-width:100%}.office.meeting-layout .space-chip{right:calc(var(--right) + 12px);flex-wrap:wrap}.office.meeting-layout .video-stage{inset:84px calc(var(--right) + 12px) calc(var(--dock-h) + 12px) 12px;box-sizing:border-box;-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);max-width:none;max-height:none;box-shadow:var(--panel-shadow);color:var(--ink-on-dark);background:#0f172ae0;border-radius:18px;padding:16px;position:fixed;transform:none}.meeting-stage:focus-visible{outline-offset:-3px;outline:3px solid #38bdf8}.meeting-videos{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:start;width:100%;display:grid}.meeting-videos .media-cameras{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;min-width:0;display:grid}.meeting-videos .media-screens{gap:14px;min-width:0;display:grid}.meeting-videos .media-screens:empty{display:none}.meeting-videos .media-video{width:100%;transition:box-shadow .2s,border-color .2s;box-shadow:0 4px 16px #0006}.meeting-videos .media-video.is-speaking{border-color:#34d399;box-shadow:0 0 0 2px #34d399}.meeting-videos .media-placeholder.is-speaking:before{border-color:#10b981;animation:1.8s ease-out infinite pulse-ring;box-shadow:0 0 0 3px #10b98159}@keyframes pulse-ring{0%{transform:scale(.96);box-shadow:0 0 #10b98180}70%{transform:scale(1.02);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.96);box-shadow:0 0 #10b98100}}.meeting-videos .media-video figcaption{align-items:center;gap:5px;max-width:calc(100% - 24px);display:flex}.meeting-videos .media-video.is-speaking figcaption:after{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #34d399}.meeting-videos .media-video.is-expanded{order:-1;grid-column:1/-1;justify-self:center;max-width:min(960px,100%)}.meeting-videos .media-video.is-expanded video{object-fit:contain;background:#020617;border-radius:14px;max-height:min(65dvh,580px)}.meeting-videos .media-presentation video{aspect-ratio:16/9;object-fit:contain;background:#020617}.video-expand-btn{-webkit-backdrop-filter:blur(8px);color:#f8fafc;font:inherit;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff29;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #00000059}.video-expand-btn:hover{background:#1e293bf2;border-color:#ffffff4d;transform:translateY(-1px)}.video-expand-btn[aria-pressed=true]{color:#fff;background:#2563eb;border-color:#38bdf8;box-shadow:0 0 12px #38bdf866}.video-expand-btn:focus-visible,.video-fullscreen-btn:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}.video-fullscreen-btn{color:#f8fafc;font:inherit;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff29;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 6px #00000059}.video-fullscreen-btn:hover{background:#1e293bf2;border-color:#ffffff4d}.meeting-status{border:1px solid var(--panel-line);overflow-wrap:anywhere;color:var(--muted-on-dark);background:#1e293b80;border-radius:8px;margin:14px 0 0;padding:8px 12px;font-size:12px}@media (width>=1100px){.meeting-videos.has-presentation{grid-template-columns:minmax(0,1fr) minmax(200px,260px);align-items:stretch;gap:16px}.meeting-videos.has-presentation .media-screens{align-content:center;height:100%}.meeting-videos.has-presentation .media-screens .media-presentation{width:100%;max-width:none;height:auto;max-height:calc(100dvh - 240px)}.meeting-videos.has-presentation .media-screens .media-presentation video{aspect-ratio:16/9;max-height:calc(100dvh - 250px)}.meeting-videos.has-presentation .media-cameras{scrollbar-gutter:stable;grid-template-columns:1fr;max-height:calc(100dvh - 240px);padding-right:4px;overflow-y:auto}}@media (width<=1099px) and (width>=601px){.meeting-videos.has-presentation{flex-direction:column;gap:12px;display:flex}.meeting-videos.has-presentation .media-screens .media-presentation{width:100%;max-height:52dvh}.meeting-videos.has-presentation .media-cameras{scrollbar-gutter:stable;flex-wrap:nowrap;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.meeting-videos.has-presentation .media-cameras .media-video{flex:0 0 160px;width:160px}}@media (width<=600px){.office.meeting-layout .space-chip{gap:4px;font-size:11px}.office.meeting-layout .video-stage{top:104px}}.mobile-layout.meeting-layout .video-stage{flex-basis:100%;width:100%;max-width:100%;max-height:none;position:static;inset:auto;transform:none}.mobile-layout.meeting-layout .space-chip{position:static}.mobile-layout.meeting-layout .dock{align-content:start;height:auto;max-height:none;overflow:visible}.mobile-layout.meeting-layout .meeting-videos{grid-template-columns:minmax(0,1fr)}.mobile-layout.meeting-layout .media-cameras{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.viewport-zoom{color:#fff;background:#000;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.viewport-zoom[open]{place-items:center;display:grid}.viewport-zoom::backdrop{background:#000}.viewport-zoom video{object-fit:contain;width:100%;height:100%}.viewport-zoom-close{top:max(12px, env(safe-area-inset-top));color:#fff;min-width:44px;min-height:44px;font:inherit;background:#0f172ad9;border:1px solid #ffffff4d;border-radius:8px;padding:8px 12px;font-size:14px;position:absolute;right:12px}.viewport-zoom-close:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}.furniture-editor,.desk-editor{z-index:26;width:var(--side-w);box-sizing:border-box;-webkit-backdrop-filter:blur(24px);max-height:100dvh;color:var(--ink-on-dark);border-left:1px solid var(--panel-line);text-align:left;scrollbar-gutter:stable;background:#0f172af5;padding:16px;font-family:inherit;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-8px 0 32px #00000080}.furniture-editor header,.furniture-editor footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.furniture-editor header{justify-content:space-between}.furniture-editor h2{margin:0;font-size:18px}.furniture-editor h3{margin:16px 0 8px;font-size:14px}.furniture-editor p,.desk-editor p{color:var(--muted-on-dark);font-size:13px;line-height:1.6}.furniture-editor label{gap:5px;margin:12px 0;font-size:13px;display:grid}.furniture-editor input,.furniture-editor select{box-sizing:border-box;background:var(--panel-2);border:1px solid var(--panel-border);width:100%;color:inherit;font:inherit;border-radius:6px;padding:8px}.furniture-editor button{min-height:36px;color:inherit;background:var(--panel-2);border:1px solid var(--panel-border);font:inherit;cursor:pointer;border-radius:6px;padding:7px 10px;font-size:12px}.furniture-editor button:disabled{opacity:.5;cursor:default}.furniture-editor button:not(:disabled):hover{background:var(--panel-hover)}.furniture-editor button:focus-visible,.furniture-editor summary:focus-visible,.desk-editor-help summary:focus-visible,.desk-prop-choice:focus-within{outline:2px solid var(--accent-light);outline-offset:2px}.furniture-editor button[aria-pressed=true],.desk-prop-choice.selected{border-color:var(--accent);background:var(--accent-glow)}.furniture-status{background:var(--panel-2);border-left:3px solid var(--accent);justify-items:start;gap:8px;margin-top:12px;padding:12px;font-size:13px;display:grid}.furniture-status p{margin:0}.furniture-status small{color:var(--muted-on-dark);line-height:1.5}.furniture-editor .furniture-error{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--ink-on-dark);padding:10px}.furniture-tabs{gap:8px;margin:16px 0 8px;display:flex}.furniture-tabs button{flex:1}.furniture-editor .furniture-tabs{border:0;padding:0}.furniture-editor .furniture-tile{text-align:left;align-items:center;gap:12px;display:flex}.instance-editor footer button:first-child{background:var(--accent)}.furniture-catalog{gap:6px;max-height:224px;padding:3px;display:grid;overflow-y:auto}.furniture-editor .furniture-choice{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.furniture-filters{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.furniture-filters button{flex:auto}.furniture-card{gap:2px;min-width:0;display:grid}.furniture-card>small{color:var(--muted-on-dark);text-align:right;font-size:11px}.furniture-editor .furniture-tile{min-width:0}.furniture-tile span{overflow-wrap:anywhere}.furniture-choice small{min-height:1em;color:var(--muted-on-dark);margin-top:4px;display:block}.furniture-thumbnail{width:64px;height:56px;image-rendering:pixelated;color:var(--muted-on-dark);flex:0 0 64px;justify-content:center;align-items:center;font-size:10px;display:inline-flex;overflow:hidden}.furniture-editor fieldset,.desk-editor fieldset{border:1px solid var(--panel-border);border-radius:6px;min-width:0;margin:12px 0;padding:10px}.furniture-editor legend,.desk-editor legend{font-size:13px}.furniture-directions,.furniture-props{grid-template-columns:1fr 1fr;gap:6px;display:grid}.furniture-props button{justify-items:center;display:grid}.furniture-editor details{border-top:1px solid var(--panel-line);margin:12px 0;padding:10px 0}.furniture-editor summary,.desk-editor-help summary{cursor:pointer;font-size:13px}.furniture-editor footer{border-top:1px solid var(--panel-line);margin-top:16px;padding-top:12px}.furniture-editor .furniture-apply{background:var(--accent)}.furniture-editor .furniture-apply:not(:disabled):hover{background:var(--accent-hover)}.furniture-context{width:var(--side-w);scrollbar-gutter:stable;max-height:100dvh;padding:16px;top:0;bottom:0;right:0}.furniture-context h2{font-size:16px;line-height:1.4}.furniture-context .furniture-hint{margin:6px 0;font-size:12px;line-height:1.5}.furniture-context .furniture-lease{color:var(--muted-on-dark);margin:8px 0;font-size:12px}.furniture-context small{color:var(--muted-on-dark);margin:6px 0;font-size:11px;display:block}.furniture-context footer{margin-top:10px;padding-top:8px}.furniture-context details{margin:8px 0 0;padding-top:8px}.furniture-context details button{margin:6px 4px 0 0}.furniture-context .furniture-catalog{max-height:340px;margin-top:8px}.desk-editor-help{max-width:100%;color:var(--ink-on-dark);align-self:center}.desk-editor-help p{color:var(--muted-on-dark);font-size:12px;line-height:1.6}.desk-prop-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.desk-prop-choice{text-align:left;border:1px solid var(--panel-border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px;font-size:12px;display:flex}.desk-prop-choice span{flex:0 0 32px}@media (height<=600px){.furniture-catalog{max-height:200px}}@media (width<=700px){.furniture-editor,.desk-editor,.furniture-context{width:min(340px,100vw);padding:12px}.desk-prop-grid{grid-template-columns:1fr}.furniture-filters button{flex-basis:45%}.furniture-directions,.furniture-props{grid-template-columns:1fr}}.desk-editor h2{margin:0 0 8px;font-size:16px}.desk-editor p{margin:8px 0;font-size:12px}.desk-editor button{min-height:36px;color:inherit;background:var(--panel-2);border:1px solid var(--panel-border);font:inherit;cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.desk-editor button:disabled{opacity:.5;cursor:default}.desk-editor button:not(:disabled):hover{background:var(--panel-hover)}.desk-editor button:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.desk-editor button[aria-pressed=true],.desk-editor .desk-prop-choice.selected{border-color:var(--accent);background:var(--accent-glow)}.desk-slots,.desk-editor footer{gap:6px;margin-bottom:8px;display:flex}.desk-slots button{flex:1}.desk-editor footer{justify-content:flex-end;margin:10px 0 0}.desk-placed{gap:4px;max-height:140px;margin:8px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.desk-placed .desk-prop-choice{width:100%}.furniture-inspector{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;gap:12px;margin:12px 0;padding:14px;display:flex}.furniture-inspector-header{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.furniture-inspector-header h3{color:var(--ink-on-dark);margin:0;font-size:15px;font-weight:600}.furniture-badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.furniture-badge.badge-active{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.furniture-badge.badge-locked{color:#f87171;background:#ef444433;border:1px solid #ef444466}.furniture-badge.badge-ready{color:#34d399;background:#10b98133;border:1px solid #10b98166}.furniture-inspector-body{flex-direction:column;gap:8px;display:flex}.furniture-target{color:var(--ink-on-dark);margin:0;font-size:13px;font-weight:500}.furniture-action-group{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-top:4px;display:grid}.furniture-action-btn{justify-content:center;align-items:center;font-weight:500;display:inline-flex}.furniture-action-btn.btn-remove{color:#fca5a5;border-color:#ef444466}.furniture-action-btn.btn-remove:not(:disabled):hover{background:#ef444426}.furniture-confirm-card{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-direction:column;gap:8px;margin-top:6px;padding:10px;display:flex}.furniture-confirm-card p{color:#fca5a5;margin:0;font-size:12px;line-height:1.4}.furniture-confirm-actions{gap:6px;display:flex}.furniture-confirm-actions button{flex:1}.furniture-confirm-actions .btn-danger{color:#fff;background:#dc2626;border-color:#b91c1c}.furniture-confirm-actions .btn-danger:hover{background:#b91c1c}.furniture-inspector-footer{border-top:1px solid var(--panel-line);gap:8px;margin-top:4px;padding-top:10px;display:flex}.furniture-inspector-footer button{flex:1;min-height:38px;font-weight:500}.furniture-inspector-footer .furniture-apply{color:#fff;background:#2563eb;border-color:#1d4ed8}.furniture-inspector-footer .furniture-apply:not(:disabled):hover{background:#1d4ed8}.furniture-admin-details{border-top:1px solid var(--panel-line);margin-top:16px;padding-top:8px}.furniture-admin-details summary{color:var(--muted-on-dark);cursor:pointer;font-size:12px}.furniture-admin-note{color:var(--muted-on-dark);margin:6px 0 0;font-size:11px}.pomodoro-clock{font-variant-numeric:tabular-nums;font-size:17px;line-height:24px}.pomodoro-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pomodoro-panel{right:16px;bottom:calc(var(--dock-h) + 12px);z-index:40;width:min(320px,100vw - 32px);max-height:calc(100dvh - var(--dock-h) - 32px);box-sizing:border-box;color:var(--ink-on-dark);background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:18px;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0006}.pomodoro-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pomodoro-panel h2{margin:0;font-size:16px}.pomodoro-panel button{border:1px solid var(--panel-line);min-height:36px;font:inherit;color:var(--ink-on-dark);background:var(--panel-2);cursor:pointer;border-radius:8px;padding:6px 12px}.pomodoro-panel :focus-visible,.pomodoro-panel:focus-visible{outline-offset:2px;outline:3px solid #8fb4ff}.pomodoro-panel .pomodoro-phase{text-align:center;margin:18px 0 0}.pomodoro-time{text-align:center;font-variant-numeric:tabular-nums;font-size:48px;font-weight:700}.pomodoro-actions{justify-content:center;gap:8px;margin:12px 0;display:flex}.pomodoro-actions button:first-child{background:var(--accent);border-color:var(--accent)}.pomodoro-panel p{font-size:13px;line-height:1.6}.pomodoro-panel small{color:var(--muted-on-dark);font-size:12px;line-height:1.6;display:block}@media (width<=700px){.pomodoro-panel{max-height:calc(100dvh - 32px);top:16px;bottom:auto}}.sidebar-chat{flex-direction:column}.sidebar-chat>div:not([hidden]){flex:1;min-height:0;display:flex}.sidebar-chat>section:not([hidden]){flex:1;min-height:0}.private-chat input[type=checkbox]{width:auto;margin:0}.chat-head{border-bottom:1px solid var(--panel-line);align-items:center;gap:8px;margin:0 0 10px;padding-bottom:10px;display:flex}.chat-head h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:15px;overflow:hidden}.chat .chat-icon{color:var(--muted-on-dark);background:0 0;padding:4px 8px;font-weight:500}.chat .chat-icon:hover:not(:disabled),.chat .chat-icon[aria-pressed=true]{background:var(--panel-hover);color:var(--ink-on-dark)}.chat-info{position:relative}.chat-info summary{cursor:pointer;color:var(--muted-on-dark);padding:4px 6px;list-style:none}.chat-info summary::-webkit-details-marker{display:none}.chat-info[open] p{z-index:5;background:var(--panel-solid);border:1px solid var(--panel-border);width:240px;box-shadow:var(--panel-shadow);border-radius:10px;padding:10px;position:absolute;top:28px;right:0}.chat-avatar{color:#fff;background:#334155;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:inline-grid}.chat-avatar.chat-channel{color:#7dd3fc;background:#38bdf82e;border-radius:8px}.chat li.chat-msg{min-height:34px;padding-left:42px;position:relative}.chat li.chat-msg>.chat-avatar{position:absolute;top:2px;left:0}.chat li.chat-msg>.chat-day+.chat-avatar{top:38px}.chat-day{color:var(--muted-on-dark);align-items:center;gap:10px;margin:6px 0 10px -42px;font-size:11px;font-weight:600;display:flex}.chat-day:before,.chat-day:after{content:"";background:var(--panel-line);flex:1;height:1px}.chat-hub .chat-group{color:var(--muted-on-dark);margin:12px 0 4px;font-size:11px;font-weight:600;display:block}.chat .chat-row{width:100%;color:var(--ink-on-dark);text-align:left;background:0 0;align-items:center;gap:10px;padding:6px 8px;font-weight:500;display:flex}.chat .chat-row:hover:not(:disabled){background:var(--panel-hover)}.chat .chat-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-hub fieldset{border:1px solid var(--panel-line);border-radius:10px;gap:4px;max-height:220px;margin:0 0 8px;padding:8px;display:grid;overflow:auto}.chat-hub legend{color:var(--muted-on-dark);padding:0 4px;font-size:11px}.chat-pick{cursor:pointer;align-items:center;gap:8px;display:flex}.chat-pick .chat-avatar{width:24px;height:24px;font-size:11px}.private-chat>p[role=group]{color:var(--ink-on-dark);font-size:12px}.private-chat li.chat-msg{border-radius:6px;margin-bottom:8px;padding:6px 8px 6px 44px;transition:background .15s}.private-chat li.chat-msg.chat-msg-me{background:#38bdf814;border-left:3px solid #38bdf8}.private-chat li.chat-msg.chat-msg-other{background:#c084fc14;border-left:3px solid #c084fc}.private-chat li.chat-msg>.chat-avatar{top:6px;left:6px}.private-chat li.chat-msg>.chat-day{margin-left:-44px}.private-chat li.chat-msg>.chat-day+.chat-avatar{top:42px}.status-text-editor{border-bottom:1px solid var(--panel-line);gap:6px;padding:12px 0;display:grid}.status-text-editor label{color:#f8fafc;font-size:13px;font-weight:600}.status-text-editor small{color:var(--muted-on-dark);font-size:11px}.status-text-editor input{box-sizing:border-box;color:#f8fafc;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:8px;width:100%;min-width:0;padding:7px 10px}.status-text-editor input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.status-text-editor button{font:inherit;border:0;border-radius:8px;padding:7px 12px}.status-text-actions{align-items:center;gap:6px;display:flex}.status-text-actions small{color:var(--dim-on-dark);flex:1}.status-text-editor button{background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:background .15s}.status-text-editor button:hover:not(:disabled){background:var(--accent-hover)}.status-text-editor button:disabled{opacity:.45;cursor:default}.status-text-editor p{margin:0;font-size:12px}.people .who .status-text{color:#93c5fd;white-space:normal;overflow-wrap:anywhere;font-size:11px}.status-text-phrases{border:1px solid var(--panel-line);background:#1e293b66;border-radius:8px;min-width:0;margin:0;padding:6px}.status-text-phrases legend{color:var(--muted-on-dark);font-size:11px;font-weight:500}.status-text-phrases button{text-align:left;overflow-wrap:anywhere;color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;max-width:100%;margin:3px;padding:4px 8px;font-size:11px;transition:background .15s}.status-text-phrases button:hover{color:#fff;background:#ffffff24}.lab-overview{min-height:0;color:var(--ink-on-dark);overflow-wrap:anywhere;flex:1;padding:12px 14px;overflow-y:auto}.lab-overview article{border-top:1px solid var(--panel-line);padding:10px 0}.lab-overview article:first-child{border-top:0}.lab-overview h3{color:#f8fafc;margin:0 0 6px;font-size:13px;font-weight:600}.lab-overview ul{margin:0 0 8px;padding:0;font-size:13px;line-height:1.6;list-style:none}.lab-overview .badge{margin-right:6px}.lab-overview .overview-note{color:var(--muted-on-dark);margin:0 0 8px;font-size:12px}.lab-overview .overview-error{color:#f87171}.lab-overview .overview-status li{align-items:center;gap:8px;display:flex}.lab-overview button{font:inherit;color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:12px}.lab-overview button:hover{background:#ffffff24}.lab-overview .overview-link{color:#38bdf8;margin-top:10px;font-size:13px;text-decoration:none;display:inline-block}.lab-overview .overview-link:hover{text-decoration:underline}.sidebar-notices{flex:1;min-height:0;overflow-y:auto}.notice-board{overflow-wrap:anywhere;color:var(--ink-on-dark);padding:12px}.notice-board header,.notice-board footer{align-items:center;gap:8px;display:flex}.notice-board header{justify-content:space-between}.notice-board h3{color:#f8fafc;margin:0;font-size:15px;font-weight:600}.notice-board h4{color:#f8fafc;margin:0 0 8px}.notice-board p,.notice-board small{color:var(--muted-on-dark);font-size:12px;line-height:1.5}.notice-board button,.notice-form input,.notice-form textarea{font:inherit;border:1px solid #ffffff1f;border-radius:8px;padding:7px 10px}.notice-board button{color:#f8fafc;cursor:pointer;background:#ffffff14;transition:background .15s}.notice-board button:hover:not(:disabled){background:#ffffff24}.notice-board button:disabled{opacity:.45;cursor:default}.notice-board>small{margin-left:8px}.notice-board [role=status]{white-space:pre-wrap;font-size:12px}.notice-board .notice-unavailable{color:#f87171}.notice-posts{margin:12px 0;padding:0;list-style:none}.notice-posts article{border-top:1px solid var(--panel-line);padding:12px 0}.notice-posts h4 .badge{margin-right:6px}.notice-posts .notice-body{white-space:pre-wrap;color:#cbd5e1;margin:10px 0;line-height:1.6}.notice-posts a{color:#38bdf8;margin-bottom:10px;text-decoration:none;display:inline-block}.notice-posts a:hover{text-decoration:underline}.notice-form{border:1px solid var(--panel-line);background:#1e293b80;border-radius:10px;gap:10px;margin:12px 0;padding:12px;display:grid}.notice-form label{color:#cbd5e1;gap:6px;font-size:12px;font-weight:500;display:grid}.notice-form input,.notice-form textarea{box-sizing:border-box;color:#f8fafc;background:#0f172acc;border:1px solid #ffffff24;width:100%;min-width:0}.notice-form input:focus,.notice-form textarea:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.notice-form textarea{resize:vertical}.notice-form p{margin:0}.notice-form button[type=submit]{background:var(--accent);color:#fff;border:0;font-weight:600}.notice-form button[type=submit]:hover{background:var(--accent-hover)}.sidebar-reservations{flex:1;min-height:0;overflow-y:auto}.reservation-schedule{overflow-wrap:anywhere;color:var(--ink-on-dark);padding:12px}.reservation-schedule header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reservation-schedule h3{color:#f8fafc;margin:0;font-size:15px;font-weight:600}.reservation-schedule h4{color:#f8fafc;margin:0 0 8px}.reservation-schedule p,.reservation-schedule small{color:var(--muted-on-dark);font-size:12px;line-height:1.5}.reservation-schedule button,.reservation-form input,.reservation-form select{font:inherit;box-sizing:border-box;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px}.reservation-schedule button{color:#f8fafc;cursor:pointer;background:#ffffff14;transition:background .15s}.reservation-schedule button:hover:not(:disabled){background:#ffffff24}.reservation-schedule button:disabled{opacity:.45;cursor:default}.reservation-schedule [role=status]{white-space:pre-wrap;margin:6px 0;font-size:12px}.reservation-schedule .reservation-unavailable{color:#f87171}.reservation-date-nav{border:1px solid var(--panel-line);background:#1e293b80;border-radius:8px;align-items:center;gap:6px;margin:10px 0;padding:8px;display:flex}.reservation-date-nav button{padding:6px 8px}.reservation-date-nav input[type=date]{font:inherit;color:#f8fafc;background:#0f172acc;border:1px solid #ffffff24;border-radius:6px;flex:1;padding:6px;font-size:13px}.reservation-date-nav input[type=date]:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.reservation-today-btn{padding:6px 10px;font-size:12px;font-weight:600}.reservation-room-tabs{border-bottom:1px solid var(--panel-line);gap:6px;margin:12px 0 8px;padding-bottom:8px;display:flex}.reservation-room-tab{color:var(--muted-on-dark);background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:12px;display:flex}.reservation-room-tab.active{color:#fff;background:#2563eb;border-color:#3b82f6;font-weight:600;box-shadow:0 0 10px #2563eb4d}.reservation-room-tab .badge{color:#94a3b8;background:#ffffff1a;border-radius:10px;padding:1px 5px;font-size:10px;display:inline-block}.reservation-room-tab.active .badge{color:#fff;background:#1d4ed8}.reservation-actions{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.reservation-create-btn{padding:8px 14px;font-weight:600;color:#fff!important;background:#2563eb!important;border:0!important}.reservation-create-btn:hover:not(:disabled){background:#1d4ed8!important}.reservation-list{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.reservation-card{border:1px solid var(--panel-line);background:#1e293bb3;border-left:4px solid #38bdf8;border-radius:8px;padding:10px 12px;box-shadow:0 2px 6px #0003}.reservation-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.reservation-time{color:#38bdf8;font-size:13px;font-weight:700}.reservation-title{color:#f8fafc;word-break:break-word;margin:4px 0 6px;font-size:13px;line-height:1.4}.reservation-author{color:var(--muted-on-dark);font-size:11px}.reservation-card-actions{align-items:center;gap:6px;display:flex}.reservation-ics-btn{padding:4px 8px;font-size:11px}.reservation-cancel-btn{padding:4px 8px;font-size:11px;color:#fca5a5!important;background:#ef444426!important;border-color:#ef44444d!important}.reservation-cancel-btn:hover:not(:disabled){background:#ef444440!important}.reservation-empty{text-align:center;color:var(--muted-on-dark);background:#1e293b4d;border:1px dashed #ffffff1f;border-radius:8px;margin:12px 0;padding:24px 12px}.reservation-form{border:1px solid var(--panel-line);background:#1e293b80;border-radius:10px;gap:10px;margin:12px 0;padding:12px;display:grid}.reservation-form label{color:#cbd5e1;gap:4px;font-size:12px;font-weight:500;display:grid}.reservation-form input,.reservation-form select{color:#f8fafc;background:#0f172acc;border:1px solid #ffffff24;width:100%}.reservation-form input:focus,.reservation-form select:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.reservation-form-times{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reservation-form footer{gap:8px;margin-top:6px;display:flex}.reservation-form button[type=submit]{color:#fff;background:#2563eb;border:0;flex:1;font-weight:600}.reservation-form button[type=submit]:hover{background:#1d4ed8}.people li:has(.kick-button){flex-wrap:wrap}.people .kick-button{color:#fca5a5;padding:4px 6px;font-size:11px}.people .kick-confirm{border:1px solid var(--danger-border);border-radius:6px;flex-basis:100%;padding:8px}.people .kick-confirm p{overflow-wrap:anywhere;margin:0 0 8px;font-size:12px}.people .kick-confirm button{margin-right:6px;font-size:12px}.wave-button,.wave-item button{border:1px solid var(--panel-line);color:var(--ink-on-dark);font:inherit;cursor:pointer;background:#1e293bcc;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.wave-button:hover,.wave-item button:hover{background:#334155e6;border-color:#ffffff40;transform:translateY(-1px)}.wave-notifications.toast{top:auto;bottom:calc(var(--dock-h) + 76px);width:max-content;max-width:min(420px,100vw - 32px);max-height:calc(100dvh - var(--dock-h) - 200px);box-shadow:none;background:0 0;border:0;padding:0;left:16px;overflow-y:auto;transform:none}.wave-item{-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);background:#0f172aeb;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 16px;animation:.2s cubic-bezier(.16,1,.3,1) toast-in;display:flex}.wave-item span{overflow-wrap:anywhere;color:#f8fafc;min-width:0;font-size:13px}.wave-item button:focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.toast.reservation-reminder{gap:6px;display:grid;top:12px;bottom:auto}.reservation-reminder-item{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reservation-reminder-item span{overflow-wrap:anywhere;flex:200px}.reservation-reminder-item button{border:1px solid var(--panel-line);color:var(--ink-on-dark);font:inherit;cursor:pointer;background:#1e293bcc;border-radius:8px;padding:5px 10px;font-size:12px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--dock-h:70px;--side-w:340px;--panel:#0f172ad9;--panel-solid:#0f172a;--panel-2:#1e293bbf;--panel-hover:#334155d9;--panel-line:#ffffff1a;--panel-border:#ffffff1f;--panel-shadow:0 16px 36px -4px #00000080, 0 4px 12px -2px #00000059;--ink-on-dark:#f8fafc;--muted-on-dark:#94a3b8;--dim-on-dark:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-glow:#2563eb59;--accent-light:#38bdf8;--danger:#ef4444;--danger-bg:#ef44442e;--danger-border:#ef444459;background:#0b0f19;font-family:-apple-system,BlinkMacSystemFont,Pretendard Variable,Pretendard,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif}html,body,#root{height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}.office{--right:0px}.office.has-sidebar{--right:var(--side-w)}#game-root{top:0;left:0;right:var(--right);bottom:var(--dock-h);position:absolute}#game-root canvas{image-rendering:pixelated;display:block}.dock{left:14px;right:calc(var(--right) + 14px);z-index:30;box-sizing:border-box;background:var(--panel);height:auto;min-height:54px;color:var(--ink-on-dark);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;transition:right .2s cubic-bezier(.16,1,.3,1),left .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:10px;overflow:visible}.dock-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.dock-btn{min-width:52px;height:46px;color:var(--ink-on-dark);white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-items:center;gap:1px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:grid}.dock-btn i{font-size:16px;font-style:normal;line-height:20px}.dock-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.dock-btn:active:not(:disabled){transform:translateY(0)}.dock-btn:disabled{opacity:.4;cursor:not-allowed}.dock-btn.on{background:var(--accent);color:#fff;box-shadow:0 0 12px var(--accent-glow);border-color:#60a5fa}.dock-btn.off{color:#fca5a5}.dock-btn.media.on{color:#6ee7b7;background:#10b98138;border-color:#34d39999;box-shadow:0 0 10px #10b98159}.dock-btn.media.off{background:#ef444424;border-color:#ef444459}.dock-btn.primary{color:#6ee7b7;background:#10b98133;border-color:#10b98159}.dock-btn.danger{background:var(--danger-bg);color:#fca5a5;border-color:var(--danger-border)}.dock-btn.icon-only{min-width:38px}.dock :focus-visible,.sidebar :focus-visible,.space-chip :focus-visible{outline-offset:2px;outline:3px solid #60a5fa}.action-menu{position:relative}.action-popover{bottom:calc(var(--dock-h) + 10px);z-index:35;-webkit-backdrop-filter:blur(24px);border:1px solid var(--panel-border);min-width:170px;box-shadow:var(--panel-shadow);background:#0f172af2;border-radius:14px;gap:4px;padding:8px;animation:.15s cubic-bezier(.16,1,.3,1) popover-in;display:grid;position:fixed}@keyframes popover-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.action-popover p{max-width:180px;color:var(--muted-on-dark);margin:0 0 4px;font-size:11px}.action-popover button{color:var(--ink-on-dark);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.action-popover button:hover:not(:disabled),.action-popover button[aria-pressed=true]{background:#ffffff14}.action-popover button:disabled{opacity:.4;cursor:not-allowed}.action-popover i{font-style:normal}.me-card{max-width:180px;color:var(--ink-on-dark);font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:5px 12px;transition:background .15s,border-color .15s,transform .15s;display:grid}.me-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.me-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.me-card small{color:var(--muted-on-dark);grid-column:2;font-size:11px}.me-card .dot{grid-row:span 2}.dock select,.space-chip select{border:1px solid var(--panel-line);color:var(--ink-on-dark);cursor:pointer;background:#1e293bd9;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .15s}.dock select:hover,.space-chip select:hover{border-color:#ffffff40}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-present{background:#10b981}.status-busy{background:#ef4444}.status-away{background:#64748b}.status-meeting{background:#3b82f6}.status-idle{background:#f59e0b}.space-chip{z-index:20;background:var(--panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);color:var(--muted-on-dark);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 8px;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:14px;left:14px}.space-chip select{color:#f8fafc;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1f;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.space-chip select:hover{background:#334155cc;border-color:#ffffff40}.space-chip [role=status]{color:var(--muted-on-dark);align-items:center;gap:6px;font-size:12px;display:inline-flex}.space-chip [role=status]:before{content:"";background:#64748b;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.space-chip .live{color:#34d399;font-weight:600}.space-chip .live:before{background:#10b981;animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 8px #10b981}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.video-stage{top:14px;left:calc((100vw - var(--right)) / 2);z-index:20;max-width:calc(100vw - var(--right) - 420px);position:fixed;transform:translate(-50%)}.zoom-controls{right:calc(var(--right) + 14px);bottom:calc(var(--dock-h) + 10px);z-index:20;background:var(--panel);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:12px;flex-direction:column;transition:right .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;overflow:hidden}.zoom-controls button{width:38px;height:38px;color:var(--ink-on-dark);cursor:pointer;background:0 0;border:0;place-items:center;font-size:18px;font-weight:500;transition:background .15s,color .15s;display:grid}.zoom-controls button+button{border-top:1px solid var(--panel-line)}.zoom-controls button:hover{color:#fff;background:#ffffff1f}.zoom-controls button:active{background:#ffffff2e}.toast{left:calc((100vw - var(--right)) / 2);bottom:calc(var(--dock-h) + 14px);z-index:40;max-width:min(520px, calc(100vw - var(--right) - 32px));-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);color:var(--ink-on-dark);box-shadow:var(--panel-shadow);background:#0f172aeb;border-radius:14px;padding:10px 18px;font-size:13px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.toast.is-error{color:#fee2e2;background:#7f1d1df2;border-color:#ef444466}.toast.notice{bottom:calc(var(--dock-h) + 60px);border-color:#38bdf84d}.toast.reaction{bottom:calc(var(--dock-h) + 106px);background:#0f172aeb;border-color:#ffffff2e;border-radius:999px;padding:8px 18px;font-size:18px}.sidebar{z-index:25;width:var(--side-w);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--panel-line);color:var(--ink-on-dark);background:#0f172af0;flex-direction:column;font-size:13px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #00000080}.sidebar-tabs{border-bottom:1px solid var(--panel-line);background:#0f172a99;display:flex}.sidebar-tabs button{color:var(--muted-on-dark);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 6px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,background .15s,border-color .15s}.sidebar-tabs button:hover{color:var(--ink-on-dark);background:#ffffff0a}.sidebar-tabs button[aria-selected=true]{color:var(--accent-light);border-bottom-color:var(--accent-light);font-weight:600}.sidebar-tabs .sidebar-close{color:var(--muted-on-dark);flex:0 0 36px;font-weight:400}.sidebar-tabs .sidebar-close:hover{color:#fff;background:#ffffff14}.people{padding:10px 14px;overflow-y:auto}.people h3{color:var(--muted-on-dark);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px;font-size:11px;font-weight:600}.people ul{margin:0;padding:0;list-style:none}.people li{border-radius:8px;align-items:center;gap:10px;padding:7px 6px;transition:background .15s;display:flex}.people li:hover{background:#ffffff0d}.people .who-btn{cursor:pointer;text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:none;border-radius:6px;flex:1;margin:-3px -6px;padding:3px 6px;transition:background .15s;display:flex}.people .who-btn:hover{background:#ffffff14}.people .who-btn:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}.people .who{flex:1;min-width:0;display:grid}.people .who strong{text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;font-weight:500;overflow:hidden}.people .who small{color:var(--muted-on-dark);font-size:11px}.people .who .status-text{color:#cbd5e1;font-style:italic}.people .offline{opacity:.65}.badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf840;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.sidebar-chat{flex:1;min-height:0;display:flex}.chat{flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.chat h4{display:none}.chat p{color:var(--muted-on-dark);margin:0 0 8px;font-size:11px}.chat ul{flex:1;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.chat li{overflow-wrap:anywhere;margin-bottom:10px}.chat li div{white-space:pre-wrap;color:#f8fafc;line-height:1.45}.chat time{color:var(--dim-on-dark);font-size:11px}.chat form{gap:8px;display:flex}.chat input{flex:1;min-width:0}.chat input,.chat button{font:inherit;border-radius:8px;padding:8px 10px}.chat input{color:#f8fafc;background:#1e293bb3;border:1px solid #ffffff1f}.chat input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.chat button{background:var(--accent);color:#fff;cursor:pointer;border:0;font-weight:600;transition:background .15s}.chat button:hover:not(:disabled){background:var(--accent-hover)}.chat button:disabled{opacity:.45;cursor:default}.chat li.chat-msg{padding-right:28px;position:relative}.chat .chat-delete{opacity:0;background:0 0;border-radius:6px;padding:2px 6px;font-size:13px;transition:opacity .15s;position:absolute;top:0;right:0}.chat li.chat-msg:hover .chat-delete,.chat .chat-delete:focus-visible{opacity:.75}.chat .chat-delete:hover:not(:disabled){opacity:1;background:#ef444440}@media (hover:none){.chat .chat-delete{opacity:.5}}.mobile-help{display:none}.gate{background:#0b0f19;place-items:center;display:grid;position:absolute;inset:0}.gate form{-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-line);width:300px;box-shadow:var(--panel-shadow);color:#f8fafc;background:#0f172af2;border-radius:14px;gap:12px;padding:24px;display:grid}.gate h1{color:#f8fafc;margin:0 0 4px;font-size:20px}.gate input,.gate select,.gate button{font:inherit;color:#f8fafc;background:#1e293bcc;border:1px solid #ffffff26;border-radius:8px;padding:8px 12px}.gate input:focus,.gate select:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 2px #38bdf833}.gate button{background:var(--accent);color:#fff;cursor:pointer;border:none;font-weight:600;transition:background .15s}.gate button:hover:not(:disabled){background:var(--accent-hover)}.gate .error{color:#f87171;font-size:13px}.google-account{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.google-account button{padding:4px 8px}.dock-btn{position:relative}.chat-unread{color:#fff;text-align:center;background:#ef4444;border-radius:8px;min-width:16px;padding:0 5px;font-size:11px;font-style:normal;font-weight:700;line-height:16px}.dock-btn .chat-unread{position:absolute;top:-4px;right:-4px}.sidebar-tabs .chat-unread{margin-left:4px}.chat li.chat-separator{color:#fca5a5;border-top:1px solid #ef4444;margin:4px 0 10px;padding-top:4px;font-size:11px}.chat .chat-new{align-self:center;margin-bottom:8px}.gate form{box-sizing:border-box;width:min(348px,100vw - 32px)}.mobile-layout{box-sizing:border-box;flex-direction:column;gap:12px;height:100dvh;padding:12px;display:flex;overflow-y:auto}.mobile-layout .mobile-help{color:#e2e8f0;background:#1e232de6;border:1px solid #ffffff26;border-radius:8px;order:-4;align-items:center;gap:8px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex}.mobile-layout .space-chip,.mobile-layout .video-stage,.mobile-layout .dock,.mobile-layout .sidebar,.mobile-layout .toast{flex-shrink:0;width:auto;max-width:none;height:auto;position:static;transform:none}.mobile-layout .space-chip{box-sizing:border-box;order:-3;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.mobile-layout .space-chip select{flex:1;padding:6px 8px;font-size:16px}.mobile-layout .video-stage{order:-2;min-width:0;max-width:100%}.mobile-layout .dock{border-radius:12px;flex-wrap:wrap;order:-1;justify-content:flex-start;gap:6px;padding:8px}.mobile-layout .dock-group{flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.mobile-layout .dock-btn{min-height:38px;padding:6px 10px;font-size:13px}.mobile-layout .dock-group.me{flex-direction:row;align-items:center}.mobile-layout .dock .me select{min-height:36px}.mobile-layout .toast{box-sizing:border-box;overflow-wrap:anywhere;flex-basis:auto;min-width:0;max-width:100%;animation:none}.mobile-layout .wave-notifications:has(.wave-item){max-height:40dvh}.mobile-layout .wave-notifications:not(:has(.wave-item)){display:none}.mobile-layout .sidebar{border:0;border-radius:12px;width:100%;min-height:45dvh;max-height:70dvh}.mobile-layout .sidebar-tabs button{min-height:38px;padding:6px 10px;font-size:13px}@font-face{font-family:Galmuri11;src:url(/fonts/Galmuri11.woff2)format("woff2");font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular.ttf)format("truetype");font-display:swap}:root{--brand-yellow:#ffc83b;--brand-navy:#1a2b4c;--brand-green:#3b7a57;--brand-orange:#d95d39;--brand-grey:#e2e8f0;--brand-header-h:64px;--accent:var(--brand-yellow);--accent-hover:#edb524;--accent-glow:#ffc83b40;--accent-light:var(--brand-yellow);--panel-solid:var(--brand-navy);background:var(--brand-navy);font-family:Galmuri11,system-ui,sans-serif}button,input,select,textarea{font-family:inherit}.brand-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-gate{background:var(--brand-grey);color:var(--brand-navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding:24px 16px;overflow-y:auto}.brand-lobby{grid-template-columns:1fr 360px;align-items:center;gap:24px 48px;width:min(960px,100%);margin:auto;display:grid}.brand-lobby-header{border-bottom:2px solid var(--brand-navy);grid-column:1/-1;padding-bottom:14px}.brand-lobby-header img{width:min(300px,100%);height:auto;display:block}.brand-lobby-intro{text-align:center;min-width:0}.brand-lobby-logo{width:min(340px,100%);height:auto;image-rendering:pixelated}.brand-lobby-intro p{max-width:32ch;margin:12px auto 0;line-height:1.8}.brand-gate form{width:100%;color:var(--brand-navy);border:2px solid var(--brand-navy);box-shadow:6px 6px 0 var(--brand-navy);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:8px;padding:24px}.brand-gate input,.brand-gate select{min-width:0;color:var(--brand-navy);background:#f4f7fa;border-color:#718096}.brand-gate button{background:var(--brand-yellow);color:var(--brand-navy)}.brand-gate button:hover:not(:disabled){background:var(--accent-hover)}.brand-gate .error{color:#a42e16}.brand-gate input:focus,.brand-gate select:focus{outline:2px solid var(--brand-green);border-color:var(--brand-green)}.brand-joining-status{text-align:center;grid-column:1/-1}.brand-header{z-index:35;height:var(--brand-header-h);box-sizing:border-box;background:var(--brand-navy);border-bottom:2px solid var(--brand-yellow);justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex;position:fixed;inset:0 0 auto}.brand-header img{object-fit:contain;width:min(270px,60vw);height:auto;max-height:46px;display:block}.brand-header button,.brand-about button{background:var(--brand-yellow);color:var(--brand-navy);cursor:pointer;border:0;border-radius:4px;padding:9px 12px;font-size:14px}.brand-header :focus-visible,.brand-about :focus-visible,.brand-gate button:focus-visible{outline:3px solid var(--brand-orange);outline-offset:3px}.office #game-root,.office>.sidebar{top:var(--brand-header-h)}.office .space-chip,.office .video-stage{top:calc(var(--brand-header-h) + 14px)}.office.meeting-layout .video-stage{top:calc(var(--brand-header-h) + 84px)}.office.mobile-layout.meeting-layout .video-stage{top:auto}.dock-btn.on:not(.media),.sidebar-tabs button[aria-selected=true]{color:var(--brand-navy);background:var(--brand-yellow);border-color:var(--brand-yellow)}.me-card{grid-template-columns:auto auto 1fr}.me-card .brand-profile-icon{width:28px;height:28px;image-rendering:pixelated;grid-row:1/3}.me-card .dot{grid-column:2}.me-card strong,.me-card small{grid-column:3}.me-card strong{font-family:Silkscreen,Galmuri11,system-ui,sans-serif}.mobile-layout .brand-header{flex-shrink:0;order:-5;height:auto;min-height:60px;margin:-12px -12px 0;position:static}.mobile-layout>.sidebar,.mobile-layout .space-chip,.mobile-layout .video-stage{top:auto}.brand-about{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--brand-grey);width:min(680px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--brand-navy);border:2px solid var(--brand-navy);border-radius:8px;padding:24px;overflow-y:auto}.brand-about[open]{align-items:center;gap:24px;display:flex}.brand-about::backdrop{background:#0a1426bf}.brand-about>img{width:42%;height:auto;image-rendering:pixelated}.brand-about>div{min-width:0}.brand-about h2{font-size:22px}.brand-about p{font-size:15px;line-height:1.8}.brand-loading{box-sizing:border-box;background:var(--brand-grey);color:var(--brand-navy);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.brand-loading-logo{object-fit:contain;width:min(220px,50vw);max-height:55%;image-rendering:pixelated}.brand-loading-caption{font-size:16px;line-height:1.7}.brand-loading-error{color:#a42e16}.brand-loading button{background:var(--brand-yellow);color:var(--brand-navy);border:2px solid var(--brand-navy);cursor:pointer;padding:10px 16px}@media (width<=700px){.brand-lobby{grid-template-columns:1fr;gap:20px;max-width:420px}.brand-lobby-header img{width:240px}.brand-lobby-logo{width:180px}.brand-lobby-intro p{font-size:14px}.brand-gate form{padding:20px}.brand-header button{white-space:nowrap;padding:9px;font-size:12px}.brand-about[open]{flex-direction:column;align-items:stretch;gap:8px}.brand-about>img{width:160px;margin:auto}}@media (width<=600px){.office.meeting-layout:not(.mobile-layout) .video-stage{top:calc(var(--brand-header-h) + 104px)}}@media (height<=700px) and (width>=701px){.brand-lobby-logo{width:240px}}