@font-face{font-family:Onest;src:url(/fonts/Onest.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/Fraunces.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:PP Eiko;src:url(/fonts/PPEiko-Medium.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:PP Telegraf;src:url(/fonts/PPTelegraf-Regular.woff2)format("woff2");font-weight:400 600;font-display:swap}:root{--bg:#fffef6;--surface:#fff;--surface-2:#fcfaea;--surface-3:#f7f4d5;--page-bg:#fff;--card-bg:var(--surface-2);--text:#001810;--text-dim:#66746c;--accent:#00774d;--accent-strong:#044d33;--accent-deep:#001810;--lime:#83c462;--lime-soft:#eef5e4;--border:#d6d9d0;--error:#e53a2e;--radius:16px;--radius-s:10px;--gap:14px;--font-body:"Onest", system-ui, sans-serif;--font-title:"PP Telegraf", "Space Grotesk", sans-serif;--font-display:"PP Eiko", "Fraunces", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);color:var(--text);background:var(--page-bg);margin:0}body.mode-task{--page-bg:var(--bg);--card-bg:var(--surface);background:linear-gradient(90deg, var(--surface-2) 0%, #fff 72%)}button{font-family:inherit}#app{flex-direction:column;height:100vh;display:flex}#topbar{align-items:center;gap:var(--gap);padding:16px 28px;display:flex}#back-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:999px;font-size:1rem;transition:border-color .15s,background .15s}#back-btn:hover{border-color:var(--accent);background:var(--surface-2)}#brand{font-family:var(--font-display);letter-spacing:.01em;flex:1;margin:0;font-size:1.55rem;font-weight:500}#brand .brand-dot{color:var(--lime)}#health{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:3px 10px;font-size:.72rem}#health[data-state=ok]{background:var(--lime-soft);border-color:var(--lime);color:var(--accent-strong)}#health[data-state=warn]{color:#7a5d00;background:#fdf3d8;border-color:#e2c76b}#health[data-state=offline]{border-color:var(--error);color:var(--error);background:#fbe6e3}#content{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0 auto;padding:0 0 20px;display:flex}body:not(.mode-task) #chat-panel{width:100%;max-width:860px;margin:0 auto;padding:0 28px}#chat-panel{flex-direction:column;gap:8px;min-height:0;display:flex}#content.mode-task{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(300px,380px);align-items:stretch;gap:22px;padding:0 28px 20px;display:grid}#content.mode-task #side-rail{grid-column:1;min-height:0;padding-top:6px;overflow-y:auto}#content.mode-task #page-view{grid-column:2}#content.mode-task #chat-panel{grid-column:3;min-width:0}#content.mode-task #chat-log{flex:auto;max-height:none}#content.mode-task .msg{max-width:100%}@media (max-width:1250px){#content.mode-task{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}#content.mode-task #side-rail{display:none}#content.mode-task #page-view{grid-column:1}#content.mode-task #chat-panel{grid-column:2}}@media (max-width:820px){#content.mode-task{flex-direction:column;display:flex}#content.mode-task #chat-log{flex:0 auto;max-height:34vh}}.rail-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap);padding:16px 18px;box-shadow:0 1px 3px #0018100a}.rail-kicker{font-family:var(--font-title);letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px;font-size:.72rem}.rail-kicker-sub{margin:16px 0 6px}.rail-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.rail-facts{grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:.8rem;display:grid}.rail-facts dt{color:var(--text-dim);font-size:.76rem}.rail-facts dd{text-align:right;margin:0}.rail-summary{margin:0 0 12px;font-size:.86rem;line-height:1.5}.rail-summary-empty{color:var(--text-dim);font-style:italic}.rail-select{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font-size:.8rem}.rail-hint{color:var(--text-dim);margin:10px 0 0;font-size:.74rem;list-style:none}.rail-files-head{justify-content:space-between;align-items:center;display:flex}.rail-files-head p{margin:0}#file-add{border:1px solid var(--border);width:26px;height:26px;color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;font-size:1rem;line-height:1}#file-add:hover{border-color:var(--accent);background:var(--lime-soft)}.file-list{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.file-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;gap:10px;padding:7px 8px;font-size:.82rem;display:flex}.file-item:hover{background:var(--surface-3)}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-size{color:var(--text-dim);flex:none;font-size:.72rem}.rail-sources summary{cursor:pointer;color:var(--text-dim);justify-content:space-between;align-items:center;list-style:none;display:flex}.rail-sources summary::-webkit-details-marker{display:none}.rail-sources summary .rail-kicker{margin:0}.rail-sources summary svg{transition:transform .15s}.rail-sources[open] summary svg{transform:rotate(180deg)}.rail-count{background:var(--surface-3);color:var(--accent-strong);letter-spacing:0;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.68rem;display:inline-block}.source-list{flex-direction:column;gap:2px;margin:10px 0 0;padding:0;list-style:none;display:flex}.source-item{color:var(--text);border-radius:8px;flex-direction:column;gap:1px;padding:6px 8px;font-size:.8rem;text-decoration:none;display:flex}.source-item:hover{background:var(--surface-3)}.source-item:hover .source-title{color:var(--accent)}.source-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-host{color:var(--text-dim);font-size:.7rem}#chat-head{align-items:center;gap:8px;padding-top:6px;display:flex}#chat-head[hidden]{display:none}#chat-select{min-width:0;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;flex:1;padding:7px 12px;font-size:.82rem}#chat-new{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--accent);cursor:pointer;border-radius:999px;font-size:1.05rem;line-height:1}#chat-new:hover{border-color:var(--accent);background:var(--lime-soft)}.overlay{z-index:50;background:#00181059;place-items:center;display:grid;position:fixed;inset:0}.overlay-card{background:var(--bg);border-radius:var(--radius);flex-direction:column;gap:12px;width:min(680px,92vw);padding:22px;display:flex;box-shadow:0 24px 60px #0018104d}.overlay-card h3{font-family:var(--font-title);margin:0;font-weight:500}#file-name{font:inherit;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);padding:9px 12px;font-size:.9rem}#file-content{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);width:100%;height:min(420px,55vh);color:var(--text);padding:12px;font:.85rem/1.5 Consolas,monospace}#file-content:focus,#file-name:focus{outline:2px solid var(--accent);border-color:#0000}.overlay-actions{align-items:center;gap:10px;display:flex}.overlay-spacer{flex:1}.overlay-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-title);cursor:pointer;border-radius:999px;padding:8px 18px;font-size:.84rem}.overlay-btn:hover{border-color:var(--accent)}.overlay-btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--bg)}.overlay-btn-primary:hover{background:var(--accent)}.overlay-btn-danger{color:var(--error);border-color:var(--error)}.overlay-btn-danger:hover{background:#fbe6e3}#home-view{flex:auto;min-height:0;padding:12px 36px 20px;overflow-y:auto}.task-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.home-toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar-spacer{flex:1}.btn-new{background:var(--accent-strong);color:var(--bg);font-family:var(--font-title);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:9px;padding:11px 22px;font-size:.9rem;transition:background .15s;display:inline-flex}.btn-new:hover{background:var(--accent)}.toolbar-select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 14px;font-size:.83rem}.view-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;display:flex;overflow:hidden}.view-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;place-items:center;padding:8px 13px;display:grid}.view-btn-active{background:var(--surface-3);color:var(--accent-strong)}.task-card{text-align:center;background:linear-gradient(115deg, var(--surface-2) 0%, #fff 85%);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:190px;padding:26px 24px 22px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 1px 3px #0018100a}.task-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 28px #0018101a}.task-tile{background:var(--accent-deep);width:58px;height:58px;color:var(--bg);font-family:var(--font-display);border-radius:14px;flex:none;place-items:center;font-size:1.15rem;display:grid}.task-tile-emoji{background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 0 0 3px var(--lime-soft);font-size:2rem;line-height:1}.task-card:hover .task-tile-emoji{border-color:var(--lime)}.task-card h3,.task-row h3{font-family:var(--font-title);text-overflow:ellipsis;margin:0;font-size:1.28rem;font-weight:500;line-height:1.4;overflow:hidden}.task-card-body{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.task-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-card-new,.task-row-new{background:linear-gradient(115deg, var(--accent-strong) 0%, var(--accent) 100%);border-color:var(--accent-strong);font:inherit}.task-card-new h3,.task-row-new h3{color:var(--bg)}.task-card-new:hover,.task-row-new:hover{background:var(--accent);border-color:var(--accent)}.task-tile-new{color:var(--bg);background:#ffffff24;border:1px dashed #ffffff8c}.task-tile-new svg{width:22px;height:22px}.task-running{background:var(--lime);color:var(--accent-deep);letter-spacing:.02em;border-radius:999px;margin-right:8px;padding:1px 8px;font-size:.72rem;font-weight:600;animation:1.6s ease-in-out infinite task-pulse;display:inline-block}@keyframes task-pulse{50%{opacity:.55}}.task-meta{color:var(--text-dim);margin:0;font-size:.84rem}.task-list{flex-direction:column;gap:8px;display:flex}.task-row{background:linear-gradient(105deg, var(--surface-2) 0%, #fff 80%);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;padding:12px 52px 12px 14px;transition:border-color .15s;display:flex;position:relative}.task-row:hover{border-color:var(--accent)}.task-row .task-tile{border-radius:10px;width:38px;height:38px;font-size:1rem}.task-row .task-tile-emoji{font-size:1.3rem}.task-row h3{white-space:nowrap;flex:1}.task-row .task-meta{flex:none}.kebab{position:absolute;top:12px;right:10px}.task-row .kebab{top:50%;transform:translateY(-50%)}.kebab summary{width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:999px;place-items:center;list-style:none;display:grid}.kebab summary::-webkit-details-marker{display:none}.kebab summary:hover{background:var(--surface-3);color:var(--text)}.kebab-menu{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);min-width:130px;padding:5px;position:absolute;top:36px;right:0;box-shadow:0 10px 26px #00181024}.kebab-menu button{text-align:left;width:100%;font:inherit;color:var(--error);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 12px;font-size:.85rem}.kebab-menu button:hover{background:#fbe6e3}.chip{background:var(--surface-3);color:var(--accent-strong);font-family:var(--font-title);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.74rem;display:inline-flex}.chip svg{flex:none}.chip-paused{color:var(--error);background:#fbe6e3}.home-empty{text-align:center;max-width:640px;margin:4vh auto 0}.home-empty p{color:var(--text-dim);margin:0 0 26px;line-height:1.65}.suggestions{flex-direction:column;align-items:center;gap:10px;display:flex}.suggestion{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 20px;font-size:.86rem;transition:border-color .15s,background .15s}.suggestion:hover{border-color:var(--accent);background:var(--lime-soft)}#page-view{gap:var(--gap);flex-direction:column;flex:auto;min-height:0;padding-top:6px;display:flex}#page-view[hidden]{display:none}.page-frame{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:auto;width:100%;min-height:0}.scope-wrap{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:72px;min-height:0;padding-top:18vh;display:flex}.scope-glass{transform-origin:60% 60%;will-change:transform;width:130px;height:130px;margin-right:36px;animation:3.6s ease-in-out infinite scope-search;position:relative}.scope-lens{border:7px solid var(--accent-deep);background:radial-gradient(circle at 35% 30%, #fff, var(--surface-2) 70%);border-radius:50%;position:absolute;inset:0;box-shadow:0 16px 44px #00181029,inset 0 0 30px #0018100d}.scope-lens:after{content:"";background:#ffffffd9;border-radius:50%;width:28%;height:16%;position:absolute;top:14%;left:18%;transform:rotate(-30deg)}.scope-handle{background:var(--accent-deep);border-radius:999px;width:86px;height:17px;position:absolute;bottom:-22px;right:-50px;transform:rotate(45deg)}@keyframes scope-search{0%{transform:translate(-34px)rotate(-7deg)scale(.92)}25%{transform:translate(-8px)rotate(-2deg)scale(1.08)}50%{transform:translate(34px)rotate(7deg)scale(.94)}75%{transform:translate(8px)rotate(2deg)scale(1.1)}to{transform:translate(-34px)rotate(-7deg)scale(.92)}}.scope-label{color:var(--text-dim);text-align:center;overflow-wrap:anywhere;max-width:520px;margin:0;font-size:.95rem}@media (prefers-reduced-motion:reduce){.scope-glass{animation:none}}.build-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:22px;display:flex}.build-site{width:220px;height:150px;position:relative}.build-crane{background:var(--accent-strong);border-radius:3px;width:8px;height:140px;position:absolute;bottom:0;left:24px}.build-arm{background:var(--accent-strong);border-radius:3px;width:170px;height:8px;position:absolute;top:0;left:0}.build-cable{background:var(--accent);width:2px;height:40px;animation:2.4s ease-in-out infinite build-cable;position:absolute;top:8px}.build-hook{background:var(--lime);border-radius:3px;width:26px;height:16px;margin-left:-12px;animation:2.4s ease-in-out infinite build-hook;position:absolute;top:48px}.build-blocks{grid-template-columns:repeat(3,30px);align-items:end;gap:4px;display:grid;position:absolute;bottom:0;left:70px}.build-blocks span{background:var(--surface-3);border:1px solid var(--border);border-radius:4px;height:22px;animation:7.2s ease-in-out infinite build-block;display:block}.build-blocks span:first-child{animation-delay:0s}.build-blocks span:nth-child(2){animation-delay:1.2s}.build-blocks span:nth-child(3){animation-delay:2.4s}.build-blocks span:nth-child(4){animation-delay:3.6s}.build-blocks span:nth-child(5){animation-delay:4.8s}.build-blocks span:nth-child(6){animation-delay:6s}@keyframes build-cable{0%,to{height:40px;left:40px}50%{height:70px;left:130px}}@keyframes build-hook{0%,to{top:48px;left:40px}50%{top:78px;left:130px}}@keyframes build-block{0%,10%{background:var(--surface-3);transform:translateY(0)}14%{background:var(--lime);transform:translateY(-6px)}20%,to{background:var(--lime-soft);transform:translateY(0)}}.build-label{color:var(--text-dim);text-align:center;max-width:420px;margin:0;font-size:.88rem}@media (prefers-reduced-motion:reduce){.build-cable,.build-hook,.build-blocks span{animation:none}}.canvas-hello{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);background:linear-gradient(115deg, var(--surface-2) 0%, #fff 80%);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;padding:30px;display:flex}.canvas-wave{transform-origin:70% 75%;font-size:3rem;line-height:1;animation:2.2s ease-in-out 2 wave}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(0)}}.canvas-hello h2{font-family:var(--font-title);margin:10px 0 4px;font-size:1.4rem;font-weight:500}.canvas-hello p{max-width:560px;color:var(--text-dim);margin:0;font-size:.92rem;line-height:1.65}.canvas-hello .canvas-cta{color:var(--text);font-family:var(--font-title);margin-top:12px}@media (prefers-reduced-motion:reduce){.canvas-wave{animation:none}}.page-hint{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);max-width:560px;padding:26px}.page-hint h2{font-family:var(--font-title);margin:0 0 8px;font-weight:500}.page-hint p{color:var(--text-dim);margin:0 0 16px}#chat-log{flex-direction:column;flex:0 auto;gap:10px;max-height:34vh;padding:8px 2px;display:flex;overflow:hidden auto}#chat-log:empty{padding:0}.msg{overflow-wrap:anywhere;min-width:0;max-width:680px;padding:11px 16px;font-size:.93rem;line-height:1.55}.msg-user{background:var(--accent-strong);color:var(--bg);border-radius:var(--radius) var(--radius) 4px var(--radius);white-space:pre-wrap;align-self:flex-end}.msg-assistant{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) var(--radius) 4px;align-self:flex-start}.msg-status{color:var(--text-dim);font-style:italic}.msg-error{color:var(--error)}.msg-text p{margin:0 0 6px}.msg-text p:last-child{margin-bottom:0}.msg-text .md-h{font-family:var(--font-title);margin-top:10px;font-weight:600}.msg-text ul{margin:4px 0 8px;padding-left:22px}.msg-text code{background:var(--surface-3);border-radius:5px;padding:1px 5px;font-size:.9em}.msg-text a{color:var(--accent);overflow-wrap:anywhere}.msg-text pre,.msg-text code{white-space:pre-wrap;overflow-wrap:anywhere}.msg-text img,.msg-text table{max-width:100%}#chat-bar{border:1px solid var(--border);background:var(--surface);border-radius:26px;align-items:flex-end;gap:10px;padding:8px 8px 8px 20px;display:flex;box-shadow:0 4px 16px #0018100d}#chat-bar:focus-within{border-color:var(--accent)}#mode-toggle{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-title);letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-self:center;padding:6px 12px;font-size:.72rem;transition:background .15s,color .15s,border-color .15s}#mode-toggle:hover{border-color:var(--accent);color:var(--text)}#mode-toggle.mode-on{background:var(--lime);border-color:var(--lime);color:var(--text)}#chat-input{resize:none;min-width:0;font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:9px 0;font-size:.95rem}#chat-input::placeholder{color:var(--text-dim)}#chat-send{background:var(--accent-strong);width:40px;height:40px;color:var(--bg);cursor:pointer;border:none;border-radius:999px;font-size:1rem;transition:background .15s}#chat-send:hover{background:var(--accent)}#chat-send:disabled{opacity:.45;cursor:default}.login-veil{z-index:100;background:linear-gradient(90deg, var(--surface-2) 0%, #fff 72%);place-items:center;display:grid;position:fixed;inset:0}.login-card{gap:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:min(340px,100vw - 48px);padding:34px 30px;display:flex}.login-brand{font-family:var(--font-display);margin:0;font-size:2rem;font-weight:500}.login-brand span{color:var(--lime)}.login-hint{color:var(--text-dim);margin:0}.login-input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface-2);padding:12px 14px}.login-input:focus{outline:2px solid var(--accent);border-color:#0000}.login-btn{font:inherit;font-family:var(--font-title);background:var(--accent-strong);color:var(--bg);cursor:pointer;border:none;border-radius:999px;padding:12px;transition:background .15s}.login-btn:hover{background:var(--accent)}.login-btn:disabled{opacity:.45;cursor:default}.login-error{color:var(--error);margin:0;font-size:.9rem}