.living-office{margin:0 0 20px;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;background:#0a1724;box-shadow:0 22px 55px rgba(0,0,0,.28)}
.office-scene{position:relative;min-height:250px;overflow:hidden;padding:18px;isolation:isolate;background:linear-gradient(180deg,#152331 0%,#0a1119 68%,#070b10 100%)}
.office-scene:before,.office-scene:after{content:"";position:absolute;z-index:-1}
.office-scene:before{left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.46)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 48px)}
.office-scene:after{inset:0;pointer-events:none;background:radial-gradient(circle at 58% 20%,rgba(234,216,166,.12),transparent 34%)}
.office-stage-1{background:linear-gradient(180deg,#18212a,#0b1117 66%,#070a0d)}
.office-stage-1 .office-window{width:86px;height:38px;top:34px;right:26px;border:7px solid #242d33;background:repeating-linear-gradient(90deg,#0a141d 0 12px,#27333b 12px 15px)}
.office-stage-1 .office-board{width:100px;height:72px;top:58px;left:26px;transform:rotate(-1deg)}
.office-stage-1 .office-shelf{display:none}
.office-stage-2{background:linear-gradient(180deg,#2b2b29,#151b1d 63%,#0c1012)}
.office-stage-2 .office-window{width:120px;height:88px;top:28px;right:24px;background:linear-gradient(180deg,#263c4f,#142432);border:8px solid #3b3832;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.office-stage-2 .office-board{width:132px;height:88px;top:44px;left:22px}
.office-stage-2 .office-shelf{width:70px;height:86px;right:34px;bottom:40px}
.office-stage-3{background:linear-gradient(180deg,#243342,#111c27 62%,#0a0f15)}
.office-stage-3 .office-window{width:150px;height:118px;top:22px;right:18px;background:linear-gradient(180deg,#416076,#182b39 68%,#d0a771 69%,#172431 71%);border:7px solid #2d3640}
.office-stage-3 .office-board{width:166px;height:106px;top:38px;left:20px}
.office-stage-3 .office-shelf{width:84px;height:105px;right:46px;bottom:28px}
.office-stage-4{background:linear-gradient(180deg,#1d3444,#0c1a26 61%,#07111a)}
.office-stage-4 .office-window{width:190px;height:126px;top:18px;right:14px;background:linear-gradient(180deg,#365d76 0 60%,#d29a67 61%,#1c3546 64%);border:6px solid #273d4d;box-shadow:0 0 30px rgba(62,130,163,.12)}
.office-stage-4 .office-board{width:184px;height:112px;top:32px;left:18px}
.office-stage-4 .office-shelf{width:96px;height:116px;right:50px;bottom:22px}
.office-window,.office-board,.office-shelf,.office-desk,.office-lamp{position:absolute}
.office-board{background:#d8c8a2;border:8px solid #5c4734;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.office-board:before{content:"";position:absolute;inset:12px;background:linear-gradient(24deg,transparent 46%,rgba(127,42,48,.65) 47% 49%,transparent 50%),linear-gradient(-18deg,transparent 53%,rgba(127,42,48,.6) 54% 56%,transparent 57%);opacity:.8}
.office-board:after{content:"•  •\A   •    •\A •     •";white-space:pre;position:absolute;inset:10px;color:#26323a;font:bold 16px/22px Georgia,serif;letter-spacing:11px}
.office-shelf{background:repeating-linear-gradient(0deg,#27323b 0 4px,#11181e 4px 25px);border:5px solid #303c44}
.office-desk{left:14%;right:10%;height:56px;bottom:18px;background:linear-gradient(180deg,#574535,#2b211a);border-radius:5px 5px 2px 2px;box-shadow:0 14px 20px rgba(0,0,0,.38)}
.office-desk:before{content:"";position:absolute;left:12%;width:12px;height:60px;top:50px;background:#241b15;box-shadow:360px 0 0 #241b15}
.office-lamp{left:52%;bottom:72px;width:55px;height:55px;border-left:4px solid #262b2e;border-top:4px solid #262b2e;transform:skew(-10deg)}
.office-lamp:after{content:"";position:absolute;left:-14px;top:-12px;width:34px;height:20px;border-radius:18px 18px 5px 5px;background:#d3bb75;box-shadow:0 0 32px rgba(230,205,130,.3)}
.office-dossier{position:absolute;left:24%;bottom:46px;z-index:5;width:min(240px,53%);padding:12px 14px;border:0;border-radius:3px;background:#e8dcc0;color:#18212a;text-align:left;transform:rotate(-1.4deg);box-shadow:0 7px 14px rgba(0,0,0,.35);cursor:pointer}
.office-dossier small{display:block;font:800 9px/1.2 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#7f3338}.office-dossier strong{display:block;margin-top:5px;font:700 17px/1.05 Georgia,serif}
.office-stage-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;position:relative;z-index:6}.office-stage-head .office-name{font:700 18px/1.1 Georgia,serif;color:#f2ead9}.office-stage-head small{display:block;margin-top:4px;color:#afbec9;font-size:11px}.office-stage-pill{padding:7px 9px;border:1px solid rgba(127,204,218,.35);border-radius:999px;color:#bcebf2;background:rgba(8,36,48,.62);font:800 10px/1 system-ui,sans-serif;letter-spacing:.09em}
.office-object-strip{position:absolute;left:16px;right:16px;bottom:6px;z-index:7;display:flex;gap:6px;overflow:hidden;pointer-events:none}.office-object-chip{width:8px;height:8px;border-radius:50%;background:#c6a766;box-shadow:0 0 9px rgba(198,167,102,.35)}
.office-meta{padding:15px 16px 17px;background:linear-gradient(180deg,#0b1b29,#08141f)}
.office-progress-line{display:flex;justify-content:space-between;gap:10px;color:#aebbc5;font-size:11px}.office-progress-track{height:5px;margin-top:8px;border-radius:99px;background:#172c3b;overflow:hidden}.office-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#718c98,#b7dfe5)}
.office-presence{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.office-agent{padding:10px;border-radius:12px;background:#0c2231;border:1px solid rgba(255,255,255,.07);min-width:0}.office-agent strong{display:block;font-size:11px;letter-spacing:.08em}.office-agent span{display:block;margin-top:5px;color:#9fb1bc;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-agent.status-shared,.office-agent.status-voted,.office-agent.status-complete{border-color:rgba(93,179,155,.35)}.office-agent.status-investigating{border-color:rgba(90,174,198,.35)}.office-agent.status-not_joined{opacity:.62;border-style:dashed}
.office-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.office-mini-btn{appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#102638;color:#dfe9ee;padding:10px 12px;font:800 11px/1.1 system-ui,sans-serif;cursor:pointer}.office-mini-btn.primary{background:#d8c8a2;color:#18212a;border-color:#d8c8a2}.office-mini-btn:disabled{opacity:.45;cursor:default}
.office-story,.office-weekly{margin-top:12px;padding:13px;border-radius:13px;background:#101f2b;border:1px solid rgba(170,143,89,.22)}.office-story .eyebrow05,.office-weekly .eyebrow05{font:800 9px/1.1 system-ui,sans-serif;letter-spacing:.13em;color:#c1a66a}.office-story h4,.office-weekly h4{margin:5px 0 7px;font:700 17px/1.15 Georgia,serif;color:#f0e8d8}.office-story p,.office-weekly p{margin:0;color:#bac6cc;font-size:12px;line-height:1.5}.office-story[hidden],.office-weekly[hidden]{display:none}
.office-week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.office-week-grid div{padding:8px;border-radius:9px;background:#0b1924;text-align:center}.office-week-grid strong{display:block;color:#f0e8d8;font-size:17px}.office-week-grid span{display:block;margin-top:3px;color:#8fa3ae;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.office-streak-badges{display:flex;gap:5px;margin-top:9px}.office-streak-badges span{padding:5px 7px;border-radius:999px;background:#2a2118;color:#e2c98a;font-size:9px;font-weight:800}
@media(max-width:520px){.office-scene{min-height:230px}.office-stage-3 .office-window,.office-stage-4 .office-window{width:135px}.office-stage-3 .office-board,.office-stage-4 .office-board{width:130px}.office-presence{gap:5px}.office-agent{padding:8px}.office-dossier{left:18%;width:58%}}