.office-root{--o-ink:var(--lightningcss-light,#161616)var(--lightningcss-dark,#050505);--o-sky:var(--lightningcss-light,#6fc6f5)var(--lightningcss-dark,#10283a);--o-sky-2:var(--lightningcss-light,#3ea9e0)var(--lightningcss-dark,#0a1a26);--o-panel:var(--lightningcss-light,#fffdf2)var(--lightningcss-dark,#1d1d22);--o-paper:var(--lightningcss-light,#f6efdc)var(--lightningcss-dark,#2a2a31);--o-text:var(--lightningcss-light,#161616)var(--lightningcss-dark,#f2f2f0);--o-muted:var(--lightningcss-light,#5b5b60)var(--lightningcss-dark,#a3a3aa);--o-yellow:#ffd23f;--o-green:#3f9b4a;--o-red:#e0402f;--o-orange:#f39c12;--o-purple:#7b5ea7;--o-wall:var(--lightningcss-light,#d8ecf5)var(--lightningcss-dark,#233441);--o-floor:var(--lightningcss-light,#e8cf9e)var(--lightningcss-dark,#3b3127);--o-floor-2:var(--lightningcss-light,#dcc08a)var(--lightningcss-dark,#332a21);--o-desk:var(--lightningcss-light,#b98a55)var(--lightningcss-dark,#6b4f33);--o-glass:var(--lightningcss-light,#a0d6f073)var(--lightningcss-dark,#5a8caa40);color:var(--o-text);background:linear-gradient(180deg, var(--o-sky), var(--o-sky-2));border:4px solid var(--o-ink);border-radius:6px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}.office-root h2,.office-root h3,.office-title h2{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Trebuchet MS,sans-serif}.office-top{background:#161616;border-bottom:4px solid #000;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 14px;display:flex}.office-top .office-char{flex:none}.office-title{flex:200px;min-width:0}.office-title h2{color:var(--o-yellow);text-transform:uppercase;letter-spacing:.5px;text-shadow:2px 2px #000;overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.1}.office-title p{color:#e8e8e8;opacity:.8;margin:2px 0 0;font-size:12px}.office-pill{color:#161616;background:var(--o-yellow);cursor:pointer;white-space:nowrap;border:3px solid #000;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:4px 12px;font-size:12.5px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:2px 2px #000}.office-pill.calm{background:#fff}.office-pill.danger{background:var(--o-red);color:#fff}.office-pill:disabled{opacity:.5;cursor:default}.office-pill:not(:disabled):active{box-shadow:none;transform:translate(2px,2px)}.office-pill.live:before{content:"";background:#999;border-radius:50%;width:8px;height:8px}.office-pill.live.on:before{background:var(--o-green)}.office-pill[aria-pressed=true]{background:var(--o-orange)}.office-cols{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:14px;padding:14px;display:grid}@media (max-width:1000px){.office-cols{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}}.office-main,.office-side{flex-direction:column;gap:14px;min-width:0;display:flex}.office-panel{background:var(--o-panel);border:4px solid var(--o-ink);border-radius:4px;min-width:0;padding:10px 12px 12px;position:relative;box-shadow:5px 5px #00000073}.office-panel:after{content:"";pointer-events:none;opacity:.05;background-image:radial-gradient(currentColor 1px,#0000 1.2px);background-size:7px 7px;position:absolute;inset:0}.office-panel>h2{color:var(--o-yellow);background:#161616;border-bottom:4px solid #000;margin:-10px -12px 10px;padding:5px 12px;font-size:15px}.office-panel.alert>h2{background:var(--o-red);color:#fff}.office-empty{color:var(--o-muted);margin:4px 0;font-size:13px;font-style:italic}.office-more{color:var(--o-text);margin-top:8px;font-size:13px;font-weight:700;text-decoration:underline;display:inline-block}.office-floor{border:4px solid var(--o-ink);background:repeating-linear-gradient(90deg, var(--o-floor) 0 46px, var(--o-floor-2) 46px 48px);overflow:hidden}.office-wall{background:var(--o-wall);border-bottom:5px solid var(--o-ink);align-items:center;gap:12px;padding:10px 12px;display:flex}.office-window{border:3px solid var(--o-ink);background:linear-gradient(90deg, transparent 47%, var(--o-ink) 47% 53%, transparent 53%), linear-gradient(180deg, #9ad8f7, #5fb8e6);flex:none;width:54px;height:46px}.office-whiteboard{color:#161616;border:3px solid var(--o-ink);background:#fff;flex-wrap:wrap;flex:1;gap:4px;min-width:0;padding:6px;display:flex;box-shadow:3px 3px #0000004d}.office-whiteboard span{text-transform:uppercase;opacity:.4;border:2px solid #161616;padding:1px 6px;font-size:10.5px;font-weight:700}.office-whiteboard span.on{opacity:1;background:var(--o-yellow)}.office-clock{color:#161616;border:3px solid var(--o-ink);background:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:11px;font-weight:700;display:grid}.office-rooms{grid-template-columns:minmax(130px,.8fr) minmax(0,2.4fr) minmax(130px,.8fr);gap:10px;padding:12px;display:grid}.office-room{border:3px solid var(--o-ink);background:var(--o-glass);min-width:0;padding:6px}.office-room.lounge{background:var(--lightningcss-light,#ffd23f40)var(--lightningcss-dark,#ffd23f1a);border-style:dashed}.office-room h3,.office-door h3{text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px}.office-people{flex-wrap:wrap;align-items:flex-end;gap:6px;min-height:90px;display:flex;position:relative}.office-coffee{font-size:20px;position:absolute;bottom:0;right:2px}.office-desks{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:10px 8px;display:grid}.office-desk{flex-direction:column;align-items:center;min-width:0;display:flex}.office-seat{justify-content:center;align-items:flex-end;width:100%;min-height:96px;display:flex}.office-chair{border:3px solid var(--o-ink);background:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#4b5563);border-radius:10px 10px 4px 4px;width:34px;height:40px;margin-bottom:-4px}.office-table{background:var(--o-desk);border:3px solid var(--o-ink);width:100%;height:30px;position:relative;box-shadow:0 5px #00000040}.office-monitor{border:3px solid var(--o-ink);background:#2b2b33;width:30px;height:22px;position:absolute;top:-22px;left:6px}.office-desk.busy .office-monitor{background:linear-gradient(#8ff0a4,#3fb96b)}.office-desk.busy .office-seat{margin-bottom:-18px;position:relative}.office-desk .office-table{z-index:1}.office-nameplate{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #000;font-size:10px;font-weight:700;position:absolute;inset:auto 4px 3px;overflow:hidden}.office-door{border:3px solid var(--o-ink);background:var(--lightningcss-light,#e0402f24)var(--lightningcss-dark,#e0402f1f);margin:0 12px 12px;padding:6px}.office-person{flex-direction:column;align-items:center;min-width:0;max-width:150px;margin:0;display:flex}.office-person figcaption{text-align:center;overflow-wrap:anywhere;font-size:10.5px;font-weight:700}.office-person.zone-lounge .office-char{opacity:.7}.office-bubble{color:#161616;overflow-wrap:anywhere;-webkit-line-clamp:4;background:#fff;border:2.5px solid #161616;border-radius:14px;-webkit-box-orient:vertical;max-width:150px;margin:0 0 8px;padding:5px 8px;font-size:11px;line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.office-person.zone-door .office-bubble{background:#ffe9e6}.office-bubble b{font-weight:800}.office-crew{flex-wrap:wrap;gap:6px;display:flex}.office-crew figure{text-align:center;width:84px;margin:0}.office-crew figcaption{font-size:10.5px;font-weight:700}.office-crew .idle{opacity:.4;filter:grayscale()}.office-lanes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.office-lane{border:3px solid var(--o-ink);background:var(--o-panel)}.office-lane .head{background:var(--o-paper);border-bottom:3px solid var(--o-ink);flex-wrap:wrap;align-items:center;gap:6px 9px;padding:6px 9px;display:flex}.office-lane .key{color:#161616;background:var(--o-yellow);border:2.5px solid #000;padding:0 7px;font-size:13px;font-weight:800}.office-lane .summary{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.office-lane .badge{text-transform:uppercase;color:#161616;background:#fff;border:2.5px solid #000;padding:1px 7px;font-size:10px;font-weight:800}.office-lane .badge.run{background:var(--o-orange)}.office-lane .badge.ok{background:var(--o-green);color:#fff}.office-lane .badge.bad{background:var(--o-red);color:#fff}.office-lane .badge.wait{background:var(--o-purple);color:#fff}.office-lane .stages{flex-wrap:wrap;gap:4px;margin:0;padding:8px 9px 4px;list-style:none;display:flex}.office-lane .stages li{text-transform:uppercase;border:2px solid var(--o-ink);opacity:.4;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2f2f36);padding:2px 6px;font-size:10px;font-weight:800}.office-lane .stages li.done{opacity:1;background:var(--o-green);color:#fff}.office-lane .stages li.now{opacity:1;background:var(--o-yellow);color:#161616;animation:1.1s infinite alternate office-throb}.office-lane .stages li.fail{opacity:1;background:var(--o-red);color:#fff}@keyframes office-throb{0%{transform:scale(1)}to{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.office-lane .stages li.now{animation:none}}.office-lane .say{align-items:flex-end;gap:6px;margin:6px 9px 8px;display:flex}.office-lane .say>span{color:#161616;overflow-wrap:anywhere;background:#fff;border:2.5px solid #161616;border-radius:14px 14px 14px 3px;flex:1;min-width:0;padding:6px 10px;font-size:12.5px;position:relative}.office-lane .acts{flex-wrap:wrap;gap:6px;padding:0 9px 9px;display:flex}.office-questions{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.office-questions li{border:3px solid var(--o-ink);background:var(--lightningcss-light,#fff8d6)var(--lightningcss-dark,#3a3420);flex-direction:column;align-items:flex-start;gap:5px;padding:8px;display:flex}.office-questions .who{text-transform:uppercase;font-size:10.5px;font-weight:800}.office-questions .text{overflow-wrap:anywhere;font-size:13px}.office-chat{flex-direction:column;max-height:560px;display:flex}.office-chat-body{z-index:1;min-height:0;max-height:480px;padding:0 4px;position:relative;overflow-y:auto}.office-chat-body .sticky{margin:8px 0 0;position:static}@media (max-width:640px){.office-top{padding:8px 10px}.office-title h2{font-size:18px}.office-rooms{grid-template-columns:1fr 1fr;padding:8px}.office-desks{order:-1;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.office-window{display:none}.office-door{margin:0 8px 8px}.office-bubble{max-width:130px}}.office-desk .office-person figcaption{display:none}.office-chat-body>div{min-height:0}.office-chat-body>div>div:first-child>p:only-child{padding-top:16px;padding-bottom:16px}.office-chat-body .sticky{margin:8px 0 0;padding-left:0;padding-right:0}