.scene-hit{position:absolute;inset:0;z-index:5;width:100%;border:0;padding:0;background:transparent;border-radius:inherit;cursor:pointer}
.task-path{margin-top:22px;padding:20px;border:1px solid #39505b;border-radius:18px;background:#172c35;min-width:0}
.task-path h2{font-size:1.125rem;margin:0 0 16px}.task-path label{display:block;font-size:.875rem;color:#c4d6dc;margin-bottom:8px}
.task-path select{display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #597782;border-radius:10px;background:#203944;color:#f1f8f6;font:inherit;font-size:1rem;text-overflow:ellipsis}
.task-path select:focus-visible,.path-scroll:focus-visible{outline:2px solid #9ce4ca;outline-offset:3px}
.path-scroll{max-height:460px;overflow:auto;margin:16px -2px 12px;padding:2px 6px 2px 2px;overscroll-behavior:contain}
#path-steps{list-style:none;margin:0;padding:0}#path-steps li{display:flex;gap:12px;position:relative;padding:0 0 22px;min-width:0}
#path-steps li:not(:last-child):before{content:'';position:absolute;left:15px;top:32px;bottom:0;border-left:1px solid #47606b}
.path-number{flex:0 0 32px;height:32px;display:grid;place-items:center;border:1px solid #58717d;border-radius:50%;color:#d2e1e8;font-size:.875rem;background:#203944;position:relative}
.path-content{min-width:0;flex:1}.path-heading{display:flex;gap:6px 12px;flex-wrap:wrap;align-items:baseline}.path-heading strong{font-size:1rem;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.path-state{font-size:.875rem;color:#b9cbd3;line-height:1.5}
.path-content time{font-size:.8125rem;color:#b1c6ce;display:block;margin-top:6px}.path-content .empty-note{margin:4px 0;font-size:.875rem!important;color:#becfd5}
[data-state='done']>.path-number{background:#244b41;border-color:#7abda9;color:#d0ffef}[data-state='done'] .path-state{color:#a5e4cc}
[data-state='running']>.path-number{border-color:#9ecbf7;background:#25435c}[data-state='running'] .path-state{color:#b5dbff}
[data-state='error']>.path-number,[data-state='waiting']>.path-number{border-color:#e2ae73;background:#4c392c}[data-state='error'] .path-state,[data-state='waiting'] .path-state{color:#ffd6a6}
@media(max-width:420px){.task-path{padding:16px}.path-scroll{max-height:400px}.path-heading{display:block}.path-state{display:block}}
.scene-hit:focus-visible{outline-offset:-5px}.scene-hit:active{background:#b7f4dc06}
.current-step{margin-top:16px;padding:13px 15px;border-left:2px solid var(--mint);border-radius:0 10px 10px 0;background:#1b313b}
.current-step>span{font-size:12px;letter-spacing:.04em;color:var(--mint)}.current-step p{font-size:16px;color:#eef6f3;margin:6px 0}.current-step small{color:var(--muted);font-size:12px}
.office-log,.memory-panel{margin-top:22px;border-top:1px solid #31454f;padding-top:18px}.office-log h2{font-size:18px;margin:0 0 14px}.office-log ol,.memory-panel ul,#dialog-questions{list-style:none;padding:0;margin:0}
.office-log li{position:relative;margin:0 0 15px;padding-left:16px;border-left:2px solid #38584e}.office-log time{display:block;font-size:12px;color:#94aea9;margin-bottom:4px}.office-log strong{font-size:14px;font-weight:550;line-height:1.45;display:block}
.empty-note{font-size:14px!important;line-height:1.5;color:var(--muted);margin:6px 0;overflow-wrap:anywhere}.event-proof{font-size:12px;color:#849eaa;line-height:1.5;display:block;margin-top:5px}
.memory-panel summary{font-size:16px;line-height:1.5;min-height:44px;cursor:pointer}.memory-panel summary span{float:right;border-radius:8px;background:#29443f;color:var(--mint);padding:1px 8px;font-size:13px}
.memory-panel li{font-size:16px;line-height:1.55;border-bottom:1px solid #2c424b;padding:15px 0;white-space:pre-wrap;overflow-wrap:anywhere}.memory-panel li small{display:block;font-size:12px;color:#88a59e;margin-top:8px}
dialog{border:1px solid #49625f;border-radius:22px;background:#172c35;color:#edf5f2;padding:22px;width:min(540px,calc(100% - 28px));max-height:85dvh;overflow:auto;box-shadow:0 24px 90px #0008}
dialog::backdrop{background:#051015a6;backdrop-filter:blur(5px)}dialog header{display:flex;gap:16px;justify-content:space-between;align-items:center}dialog h2{font-size:21px;margin:0}dialog h3{font-size:15px;margin-top:22px}dialog .icon-button{flex:none}dialog p{font-size:16px;line-height:1.55;overflow-wrap:anywhere}.dialog-label{display:block;color:var(--mint);font-size:14px;margin-top:18px}dialog .primary-button{width:100%;margin-top:22px}#dialog-questions li{font-size:16px;padding:10px 0;border-bottom:1px solid #38515b}
@media(max-width:380px){dialog{padding:17px}dialog h2{font-size:19px}}
/* Task art only follows fresh server activity; leisure never signifies work. */
body:is([data-mode="working"],[data-mode="documents"])[data-life="desk"][data-activity="mail"] .agent-sprite{background-image:url('/office-actions.png');background-position:0 0}
body:is([data-mode="working"],[data-mode="documents"])[data-life="desk"][data-activity="registry"] .agent-sprite{background-image:url('/office-actions.png');background-position:100% 0}
body:is([data-mode="working"],[data-mode="documents"])[data-life="desk"][data-activity="application"] .agent-sprite{background-image:url('/office-actions.png');background-position:0 100%}
body:is([data-mode="working"],[data-mode="documents"])[data-life="desk"] .agent-sprite::after{clip-path:polygon(42% 3%,85% 3%,85% 44%,42% 44%);animation:page-check 2.8s ease-in-out infinite}
body[data-life="stretch"] .agent-sprite{background-image:url('/office-actions.png');background-position:100% 100%}
body[data-life="stretch"] .agent-sprite::after{opacity:1;display:block;clip-path:polygon(43% 0,91% 0,91% 45%,43% 45%);animation:relaxed-stretch 3s ease-in-out infinite}
body[data-life="coffee"] .agent-sprite,body[data-life="seat"] .agent-sprite{background-image:url('/office-agent.png');background-position:100% 0}
body[data-life="coffee"] .agent-sprite::after{animation:small-bite 3.4s ease-in-out infinite}
body[data-life="seat"] .agent-sprite::after{animation:settle-chair 3s ease-in-out both}
body[data-life="hello"] .agent-sprite{background-image:url('/office-agent.png');background-position:0 100%}
@keyframes relaxed-stretch{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px) scaleY(1.01)}}
@keyframes settle-chair{0%,100%{transform:rotate(0)}45%{transform:rotate(.6deg) translateY(1px)}}