:root{--bg:#f2f3f5;--surface:#fff;--surface-2:#eceef1;--fg:#1d2126;--muted:#5a6470;--line:#cfd4db;--accent:#c9541c;--accent-soft:#f7e4d9;--claude:#b7791f;--gpt:#0f766e;--ok:#2f7d4f;--warn:#a15c07;--warn-soft:#f6e8cf;--crit:#b3261e;--crit-soft:#f7dcda;--floor-a:#e6e9ee;--floor-b:#dde1e7;--font-body:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14171b;--surface:#1c2025;--surface-2:#252a31;--fg:#e8ebef;--muted:#98a2ae;--line:#363c45;--accent:#f0895a;--accent-soft:#3a2418;--claude:#e0a94a;--gpt:#3fb3a6;--ok:#5fbf85;--warn:#e0a94a;--warn-soft:#3a2f16;--crit:#f28b82;--crit-soft:#3d1f1d;--floor-a:#22272e;--floor-b:#1e2329;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#14171b;--surface:#1c2025;--surface-2:#252a31;--fg:#e8ebef;--muted:#98a2ae;--line:#363c45;--accent:#f0895a;--accent-soft:#3a2418;--claude:#e0a94a;--gpt:#3fb3a6;--ok:#5fbf85;--warn:#e0a94a;--warn-soft:#3a2f16;--crit:#f28b82;--crit-soft:#3d1f1d;--floor-a:#22272e;--floor-b:#1e2329;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);padding-block:0 48px;padding-inline:16px;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}h2{font-size:20px}h3{font-size:15px}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.shell{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.banner{background:var(--accent-soft);color:var(--fg);border-bottom:1px solid var(--accent);font-size:12.5px;font-family:var(--font-mono);letter-spacing:.02em;margin-inline:-16px;padding:6px 16px}.header{flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:16px;display:flex}.brand{flex-direction:column;display:flex}.brand b{letter-spacing:-.01em;font-size:18px}.brand span{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.header .spacer{flex:1}.pool-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:inline-flex}.pool-pill i{background:var(--ok);border-radius:50%;width:8px;height:8px;display:inline-block}.pool-pill.warn i{background:var(--warn)}.pool-pill.crit i{background:var(--crit)}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 10px;font-size:13px}.nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:10px;display:flex}.nav button{background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:14px;display:inline-flex}.nav button[aria-current=page]{background:var(--surface);border-color:var(--line);font-weight:600}.count{background:var(--accent);color:#fff;min-width:20px;height:20px;font-size:12px;font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}:root[data-theme=dark] .count{color:#14171b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .count{color:#14171b}}.page{flex-direction:column;gap:16px;min-width:0;display:flex}.page-head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.page-head p{color:var(--muted);max-width:70ch;font-size:14px}.seg{border:1px solid var(--line);border-radius:6px;margin-left:auto;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);border:0;padding:6px 12px;font-size:13px}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.badge{font-size:11.5px;font-family:var(--font-mono);color:var(--fg);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.badge svg{flex:none}.pill{font-size:11.5px;font-family:var(--font-mono);border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:1px 8px;display:inline-block}.pill.working{border-color:var(--ok);color:var(--ok)}.pill.waiting,.pill.dash{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pill.tg{border-color:var(--gpt);color:var(--gpt)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}button.card:hover{border-color:var(--accent)}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:12.5px;display:inline-flex}.stats{color:var(--muted);gap:16px;font-size:12.5px;display:flex}.office{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:14px;display:grid}.room{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.room-head{border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.room-head:hover{background:var(--surface-2)}.floor{background:repeating-linear-gradient(90deg, transparent 0 31px, color-mix(in srgb, var(--line) 60%, transparent) 31px 32px), repeating-linear-gradient(0deg, var(--floor-a) 0 32px, var(--floor-b) 32px 64px);flex:1;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:14px 8px;min-height:150px;padding:14px 12px 16px;display:grid;position:relative}.floor.board:before{content:"";background:color-mix(in srgb, var(--fg) 14%, var(--surface));border:1px solid var(--line);z-index:0;border-radius:13px;height:26px;position:absolute;top:34px;left:12px;right:12px}.desk{z-index:1;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:2px;display:flex;position:relative}.desk:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.nametag{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;padding:0 6px;font-size:11.5px;overflow:hidden}.suit-tag{font-size:10px;font-family:var(--font-mono);color:var(--accent)}.slot{border:1.5px dashed var(--muted);width:52px;height:58px;font-family:var(--font-mono);text-align:center;color:var(--muted);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:8px;place-items:center;font-size:9px;line-height:1.15;display:grid}.slot.idle{animation:3.2s ease-in-out infinite breathe}.slot.waiting{border-color:var(--accent);color:var(--accent);animation:1.8s ease-in-out infinite breathe}.slot.working{border-color:var(--ok);color:var(--ok);border-style:solid;animation:.7s ease-in-out infinite work}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes work{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sprite{image-rendering:pixelated;background-repeat:no-repeat}@keyframes sprite-play{0%{background-position-x:0}to{background-position-x:calc(var(--frames) * var(--fw) * -1)}}.sprite.play{animation:sprite-play calc(var(--frames) * .13s) steps(var(--frames)) infinite}@media (prefers-reduced-motion:reduce){.slot,.sprite.play{animation:none!important}}.scrim{z-index:20;background:#0a0c0f73;position:fixed;inset:0}.panel{z-index:21;background:var(--surface);border:1px solid var(--line);max-height:82vh;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0;flex-direction:column;gap:12px;display:flex;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 10px 40px #00000040}@media (width>=760px){.panel{border-radius:0;width:420px;max-height:none;padding-bottom:16px;inset:0 0 0 auto}}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kv{grid-template-columns:110px 1fr;gap:6px 12px;font-size:14px;display:grid}.kv dt{color:var(--muted);font-size:12.5px}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.list{flex-direction:column;gap:8px;display:flex}.row-btn{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.row-btn:hover{border-color:var(--accent)}.form{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.task-form{grid-template-columns:minmax(180px,1fr) minmax(160px,240px) auto;align-items:end;display:grid}.task-form .hint{grid-column:1/-1}.task-meta{font-size:12px;display:block}.task-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agent-settings{margin-top:10px}@media (width>=900px){.form{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}@media (width<=680px){.task-form{grid-template-columns:minmax(0,1fr)}}fieldset{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:10px;min-width:0;margin:0;padding:12px 14px 14px;display:flex}legend{padding:0 6px;font-size:13.5px;font-weight:600}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}label.field>span:first-child{color:var(--fg);font-size:13px}input[type=text],input[type=number],select,textarea{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:100%;min-width:0;padding:7px 9px}textarea{resize:vertical;min-height:64px}.choices{flex-wrap:wrap;gap:8px 14px;display:flex}.choice{align-items:center;gap:6px;font-size:14px;display:inline-flex}.required{color:var(--accent);font-family:var(--font-mono);margin-left:6px;font-size:11px}.error{color:var(--crit);font-size:12.5px}.hint{color:var(--muted);font-size:12.5px}.two{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.summary{flex-direction:column;gap:10px;display:flex;position:sticky;top:12px}.summary ul{flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:13.5px;display:flex}.primary{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:10px 16px;font-weight:600}:root[data-theme=dark] .primary{color:#14171b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .primary{color:#14171b}}.primary:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.secondary{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 14px}.danger{background:var(--surface);border:1px solid var(--crit);color:var(--crit);border-radius:6px;padding:8px 14px}.notice{border:1px solid var(--ok);background:color-mix(in srgb, var(--ok) 10%, var(--surface));border-radius:6px;padding:10px 12px;font-size:13.5px}.notice.info{border-color:var(--accent);background:var(--accent-soft)}.notice.error{border-color:var(--crit);color:var(--crit);background:color-mix(in srgb, var(--crit) 8%, var(--surface))}.auth-screen{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{flex-direction:column;gap:14px;width:min(100%,440px);display:flex}.auth-card h1{margin:0;font-size:26px}.auth-card p{margin:0}.auth-card .eyebrow{color:var(--accent);font:600 11px var(--font-mono);letter-spacing:.1em}.approval{gap:12px}.approval.done{opacity:.7}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}details.drafts{border:1px solid var(--line);background:var(--bg);border-radius:6px}details.drafts>summary{cursor:pointer;padding:8px 10px;font-size:13.5px}.draft{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding:10px;font-size:13px;display:flex}.draft pre{white-space:pre-wrap;font-family:var(--font-body);color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:13px}.meter{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;height:22px;position:relative;overflow:hidden}.meter>div{background:var(--ok);height:100%}.meter.warn>div{background:var(--warn)}.meter.crit>div{background:var(--crit)}.ticks{height:26px;font-size:11.5px;font-family:var(--font-mono);color:var(--muted);position:relative}.ticks span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.ticks span:before{content:"";background:var(--muted);width:1px;height:6px;margin:0 auto 2px;display:block}.ticks span:last-child{transform:translate(-100%)}.bars{flex-direction:column;gap:10px;display:flex}.bar-row{grid-template-columns:minmax(90px,160px) 1fr 76px;align-items:center;gap:10px;font-size:13.5px;display:grid}.bar{background:var(--surface-2);border-radius:6px;height:12px;overflow:hidden}.bar>div{height:100%}.bar-row .v{text-align:right}.big{letter-spacing:-.02em;font-size:30px;font-weight:600}.motion-demo{flex-direction:column;gap:12px;display:flex}.motion-demo-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.motion-demo-head h3{font-size:17px}.motion-demo-head p{font-size:13px}.eyebrow{color:var(--accent);font:600 10px var(--font-mono);letter-spacing:.1em}.motion-room{isolation:isolate;background:#8d6850 url(/characters/office-room-reference.png) 50% 52%/cover no-repeat;border:1px solid #5d4637;border-radius:8px;height:clamp(300px,36vw,420px);position:relative;overflow:hidden}.motion-room:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#111a2305 35%,#11171c14);position:absolute;inset:0}.motion-zone{z-index:1;color:#fff8e9;font:10px var(--font-mono);letter-spacing:.04em;text-shadow:0 1px #000;background:#15232bd9;border:1px solid #ffffff75;border-radius:4px;padding:3px 8px;position:absolute;top:46%}.coffee-zone{left:12%}.desk-zone{right:8%}.motion-agent{z-index:2;flex-direction:column;align-items:center;width:148px;height:160px;transition:left 3.2s cubic-bezier(.35,.05,.25,1),top 3.2s cubic-bezier(.35,.05,.25,1);display:flex;position:absolute;transform:translate(-50%,-86%)}.motion-agent.is-paused{transition:none}.motion-sprite{background-image:url(/characters/office-motion-atlas-packed.png);background-repeat:no-repeat;background-size:400% 600%;background-position-x:var(--frame-x);background-position-y:var(--row);width:136px;height:136px;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #20202070)}.motion-sprite.is-posed{animation:none}.motion-animated{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 2px #20202070);width:auto;max-width:148px;height:136px;display:block}.motion-name{color:#36291e;max-width:100%;font:10px var(--font-mono);white-space:nowrap;background:#fff8e8;border:1px solid #98765a;border-radius:4px;padding:1px 6px}.motion-caption{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.motion-caption .state-dot{border-radius:50%;width:9px;height:9px}.motion-caption .state-dot.working{background:var(--ok)}.motion-caption .state-dot.idle{background:var(--warn)}@media (width<=560px){.motion-room{background-position:50% 54%;height:280px}.motion-demo-head{flex-direction:column}.motion-agent{width:120px}.motion-sprite{width:108px;height:108px}.motion-animated{height:108px}.coffee-zone{left:4%}.desk-zone{right:3%}}@media (prefers-reduced-motion:reduce){.motion-agent{transition:none}.motion-sprite{animation:none!important}}