.ao-office{margin:24px 0 30px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.ao-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.ao-heading h2{font-size:23px;letter-spacing:-.04em;margin:9px 0 0}.ao-kicker{font:10px monospace;letter-spacing:.17em;color:var(--text-dim)}.ao-live-badge{font:10px monospace;letter-spacing:.05em;white-space:nowrap;color:var(--text-dim)}.ao-live .ao-live-badge{color:#659477}.ao-desks{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:24px -8px 10px}.ao-employee{text-align:center;border-radius:12px;padding:4px 2px 10px;min-width:0}.ao-employee.is-working{background:color-mix(in srgb,var(--person) 16%,transparent)}.ao-employee strong{display:block;font-size:12px;margin-top:8px}.ao-employee small{display:block;font-size:9px;color:var(--text-dim);line-height:1.4;margin-top:4px}.ao-scene{position:relative;height:95px;max-width:108px;margin:auto}.ao-chair{position:absolute;width:31px;height:47px;background:color-mix(in srgb,var(--person) 30%,#525756);left:19%;top:39px;border-radius:11px 11px 3px 3px;transform:skewY(8deg)}.ao-person{position:absolute;left:24%;top:17px;width:36px;height:62px}.ao-head{position:absolute;width:21px;height:24px;border-radius:45% 45% 48% 48%;background:#d7b59e;left:6px;top:0;box-shadow:inset 0 7px #363a38}.ao-body{position:absolute;top:22px;left:2px;width:34px;height:38px;border-radius:12px 12px 3px 3px;background:var(--person);transform:skewY(8deg)}.ao-hand{position:absolute;top:37px;left:24px;height:10px;width:24px;border-radius:5px;background:#d7b59e;transform:rotate(15deg);transform-origin:left}.ao-desk{position:absolute;left:14%;top:68px;width:77%;height:7px;background:#b3a697;transform:skewY(-8deg);box-shadow:0 4px #8b8074}.ao-desk:after{content:'';position:absolute;height:19px;width:4px;background:#8b8074;left:6px;top:7px;box-shadow:59px 0 #8b8074}.ao-monitor{position:absolute;width:35%;height:31px;top:32px;right:7%;background:#303c3d;border:3px solid #4a5655;border-radius:3px;transform:skewY(-8deg);padding:5px}.ao-monitor:after{content:'';position:absolute;width:4px;height:10px;background:#4a5655;left:40%;bottom:-11px}.ao-monitor i{display:block;height:2px;background:var(--person);margin-bottom:3px;opacity:.35}.ao-monitor i:nth-child(2){width:65%}.ao-mug{position:absolute;height:10px;width:8px;background:var(--person);top:57px;left:16%;border-radius:1px 1px 3px 3px}.ao-paper{position:absolute;right:2px;top:9px;background:var(--person);color:#222b28;font:12px monospace;padding:2px 5px;border-radius:4px;opacity:0}.ao-status-orb{position:absolute;left:6px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--border)}.is-done .ao-status-orb{background:#71967e}.is-working .ao-status-orb{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.is-working .ao-hand{animation:ao-type .55s ease-in-out infinite alternate}.is-working .ao-head{animation:ao-nod 2.4s ease-in-out infinite}.is-working .ao-monitor i{animation:ao-code 1.3s infinite alternate}.is-working .ao-paper{animation:ao-send 3s ease-in-out infinite}.ao-current{border-top:1px solid var(--border);padding-top:16px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-dim)}.ao-current p{flex:1;margin:0;line-height:1.6;overflow-wrap:anywhere}.ao-current>span:last-child{font-size:10px}.ao-connection{width:30px;height:2px;background:var(--border);position:relative;overflow:hidden}.ao-live .ao-connection:after{content:'';position:absolute;width:10px;height:2px;background:var(--accent);animation:ao-pass 1.3s infinite linear}@keyframes ao-type{to{transform:rotate(5deg) translateY(-2px)}}@keyframes ao-nod{50%{transform:rotate(5deg) translateY(1px)}}@keyframes ao-code{to{opacity:1}}@keyframes ao-send{0%,65%,100%{opacity:0;transform:translateY(8px)}20%,45%{opacity:1;transform:translateY(0)}}@keyframes ao-pass{from{left:-10px}to{left:30px}}@media(max-width:1100px){.ao-desks{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){.ao-office{padding:18px}.ao-heading{display:block}.ao-live-badge{display:block;margin-top:12px}.ao-desks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ao-current{flex-wrap:wrap}.ao-current>span:last-child{width:100%;padding-left:42px}}@media(prefers-reduced-motion:reduce){.ao-office *{animation:none!important}.is-working .ao-paper{opacity:1}}.ao-office.is-stale *{animation-play-state:paused!important}
.page-section:not(.active) .ao-office *,body:has(.ns-dialog[open]) .ao-office *{animation-play-state:paused!important}
.ao-head{background:var(--skin,#d7b59e);box-shadow:inset 0 7px var(--hair,#363a38)}.ao-hand{background:var(--skin,#d7b59e)}.ao-eyes{position:absolute;left:6px;top:13px;width:2px;height:2px;background:#353a36;border-radius:50%;box-shadow:7px 0 #353a36}.ao-look-1 .ao-head{box-shadow:inset 0 5px var(--hair),-4px 0 var(--hair);border-radius:35% 48% 45% 45%}.ao-look-2 .ao-head{box-shadow:inset 0 3px var(--hair);border-radius:50%}.ao-look-2 .ao-eyes{width:6px;height:5px;left:2px;top:11px;border:1px solid #363a38;background:transparent;box-shadow:7px 0 0 -1px var(--skin),7px 0 #363a38}.ao-look-3 .ao-head:before{content:'';position:absolute;top:-3px;left:2px;width:19px;height:10px;background:var(--hair);border-radius:60% 60% 20% 20%;transform:rotate(-12deg)}.ao-look-1 .ao-body:after{content:'';position:absolute;left:15px;top:4px;width:3px;height:30px;background:#fff5}.ao-employee{overflow-wrap:anywhere}.ao-simulation .ao-desks{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ao-simulation button.ao-employee{font:inherit;color:inherit;border:1px solid transparent;background:transparent;cursor:pointer}.ao-simulation button.ao-employee:hover{background:color-mix(in srgb,var(--person) 10%,transparent)}.ao-simulation .ao-employee.is-selected{border-color:var(--person);background:color-mix(in srgb,var(--person) 12%,transparent)}.ao-simulation button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ts-prose{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.ao-simulation .ao-desks{grid-template-columns:repeat(3,minmax(0,1fr))}}