:root{--bg: #f6f6f3;--surface: #ffffff;--surface-2: #f3f2ee;--ink: #1a1d24;--ink-2: #3d424c;--muted: #5d626c;--line: #e3e3dc;--line-2: #cfcfc6;--accent: #2f4bd6;--accent-ink: #1f36a8;--accent-soft: #eef0fb;--you: #6d28d9;--you-ink: #5b21b6;--you-soft: #efe7fd;--cook: #b45309;--cook-ink: #92400e;--cook-soft: #fdf0dc;--ok: #1d7a4a;--ok-ink: #17663d;--ok-soft: #e1f3e8;--bad: #b42318;--bad-ink: #a8201a;--bad-soft: #fde4e1;--display: "Space Grotesk", Inter, system-ui, sans-serif;--body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--body)}a{color:var(--accent)}a:hover{color:var(--accent-ink)}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.2;text-wrap:balance}h1{font-size:32px}.h1-sm{font-size:26px}h2{font-size:20px}.h3,h3{font-size:17px}p{margin:0}code{font:.88em var(--mono);background:#ecece6;padding:1px 6px;border-radius:4px}.mono{font-family:var(--mono);font-size:.92em}.small{font-size:13.5px}.muted{color:var(--muted)}.text-you{color:var(--you-ink);font-weight:600}.text-cook{color:var(--cook-ink);font-weight:600}.text-ok{color:var(--ok-ink);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.boot{padding:40px;color:var(--muted)}.shell{min-height:100%;display:flex;flex-wrap:wrap}.sidebar{flex:1 1 220px;max-width:280px;background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.content{flex:999 1 560px;min-width:0;padding:36px 48px 56px}@media(max-width:820px){.sidebar{max-width:none;border-right:0;border-bottom:1px solid var(--line);padding:16px;gap:14px}.nav{flex-direction:row;flex-wrap:wrap}.sidebar-foot{margin-top:0;padding:8px 12px}.content{padding:24px 18px 40px}}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;text-decoration:none;color:var(--ink);font:700 20px var(--display)}.switcher{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:var(--bg)}.switcher:hover{border-color:var(--accent);color:var(--ink)}.switcher-text{display:flex;flex-direction:column;gap:2px;min-width:0}.switcher-text .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nav{display:flex;flex-direction:column;gap:4px}.nav a{padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:500;color:#4a4f5a}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{font-weight:600;color:var(--accent-ink);background:var(--accent-soft)}.sidebar-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px}.user{display:flex;align-items:center;gap:8px;min-width:0}.user img{border-radius:50%}.stack-xs{display:flex;flex-direction:column;gap:6px}.stack-sm{display:flex;flex-direction:column;gap:12px}.stack-md{display:flex;flex-direction:column;gap:20px}.stack-lg{display:flex;flex-direction:column;gap:28px}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.gap-sm{gap:10px}.gap-md{gap:16px}.grow{flex:1}.push-bottom{margin-top:auto}.narrow{max-width:920px}.page-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}.split{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.split-main{flex:3 1 460px;min-width:0}.split-side{flex:2 1 280px;min-width:0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column}.card.flush{padding:0}.card-you{border:2px solid var(--you)}.card-ok{background:var(--ok-soft);border-color:transparent}.card.empty{align-items:flex-start;gap:12px}.banner{padding:12px 14px;background:var(--accent-soft);border-radius:10px;font-size:14px;flex-wrap:wrap}.box{padding:10px 12px;border-radius:10px;background:var(--surface-2)}.notes{display:flex;flex-wrap:wrap;gap:16px}.notes section{flex:1 1 300px;border-left:3px solid var(--accent);padding:2px 0 2px 14px;display:flex;flex-direction:column;gap:4px}.meta{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}.meta dt{color:var(--muted)}.meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14.5px var(--body);padding:11px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;min-height:44px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-ink);color:#fff}.btn-you{background:var(--you);color:#fff}.btn-you:hover:not(:disabled){background:var(--you-ink);color:#fff}.btn-ok{background:var(--ok);color:#fff}.btn-ok:hover:not(:disabled){background:var(--ok-ink);color:#fff}.btn-outline{background:var(--surface);color:var(--accent);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-block{width:100%}.link-button{background:none;border:0;padding:0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline}.link-button.danger{color:var(--bad-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}.field-label{font-weight:600;font-size:14px;margin-bottom:8px}input[type=text],input:not([type]),textarea,select{font:15px/1.5 var(--body);font-weight:400;padding:11px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}textarea{resize:vertical}input[type=radio],input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}fieldset{border:0;margin:0;padding:0}.choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface)}.choice-block{align-items:flex-start;justify-content:flex-start;padding:16px}.choice-on{border:2px solid var(--accent)}.choice-off{color:#6b6f78;background:var(--bg);cursor:default}.tag{font-size:11.5px;background:var(--surface-2);color:var(--muted);padding:1px 7px;border-radius:6px}.error-note{background:var(--bad-soft);color:var(--bad-ink);padding:10px 14px;border-radius:10px;font-size:14px}.ok-note{background:var(--ok-soft);color:var(--ok-ink);padding:10px 14px;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.pill-you{background:var(--you-soft);color:var(--you-ink)}.pill-cook{background:var(--cook-soft);color:var(--cook-ink)}.pill-bad{background:var(--bad-soft);color:var(--bad-ink)}.pill-ok{background:var(--ok-soft);color:var(--ok-ink)}.pill-muted{background:var(--surface-2);color:var(--muted)}.spinner{width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.tile{border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:2px;font-size:14px}.tile b{font-size:28px;font-weight:700}.tile-you{background:var(--you-soft);color:var(--you-ink)}.tile-cook{background:var(--cook-soft);color:var(--cook-ink)}.tile-bad{background:var(--bad-soft);color:var(--bad-ink)}.tile-ok{background:var(--ok-soft);color:var(--ok-ink)}.table-wrap{overflow-x:auto}.table{width:100%;min-width:720px;border-collapse:collapse;font-size:14.5px}.table th{text-align:left;padding:14px 18px;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.table td{padding:15px 18px;border-top:1px solid #ecece6}.strong-link{font-weight:600;text-decoration:none}.stepper{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:500}.step{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px}.step-dot{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.step-done{background:var(--ok-soft);color:var(--ok-ink)}.step-done .step-dot{background:var(--ok);color:#fff}.step-current{background:var(--you-soft);color:var(--you-ink);box-shadow:0 0 0 2px var(--you)}.step-current .step-dot{background:var(--you);color:#fff}.step-failed{background:var(--bad-soft);color:var(--bad-ink);box-shadow:0 0 0 2px var(--bad)}.step-failed .step-dot{background:var(--bad);color:#fff}.step-pending{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.step-pending .step-dot{background:var(--line);color:#4a4f5a}.thread{padding:22px;display:flex;flex-direction:column;gap:14px}.msg{max-width:86%;border-radius:14px;padding:12px 15px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}.msg-user{align-self:flex-end;background:var(--you-soft);border-bottom-right-radius:4px}.msg-claude{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}.msg-system{align-self:center;max-width:100%;padding:2px 8px;color:var(--muted);font-size:13px;text-align:center;display:inline-flex;gap:8px;align-items:center}.msg-from{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;margin-bottom:4px}.msg-user .msg-from{color:var(--you-ink)}.msg-claude .msg-from{color:var(--cook-ink)}.msg-tag{font-weight:600;background:var(--surface);padding:1px 7px;border-radius:6px;color:var(--ink-2)}.composer{border-top:1px solid #ecece6;padding:16px 22px 20px;display:flex;flex-direction:column;gap:10px}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol{margin:0 0 8px}.md ul,.md ol{padding-left:20px}.md pre{background:#1a1d24;color:#e8ece9;padding:10px 12px;border-radius:8px;overflow-x:auto;font-size:12.5px}.md pre code{background:none;padding:0;color:inherit}.md h1,.md h2,.md h3{font-size:16px;margin:10px 0 6px}.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px}.check{display:flex;gap:10px;align-items:baseline}.check-mark{font-weight:700;width:14px;flex-shrink:0;text-align:center}.check-ok .check-mark{color:var(--ok)}.check-bad .check-mark{color:var(--cook)}.check-unknown .check-mark{color:var(--muted)}.todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px}.todo li{display:flex;gap:12px;align-items:baseline}.who{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}.who-app{color:var(--accent-ink);background:var(--accent-soft)}.who-you{color:var(--you-ink);background:var(--you-soft)}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{max-width:440px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:16px}.login-card .brand{padding:0}.login-card h1{font-size:28px}.setup{min-height:100%;display:flex;justify-content:center;padding:48px 20px}.setup-form{width:100%;max-width:760px}.setup-form .brand{padding:0}.copybox{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);padding:10px 12px;border-radius:8px;overflow-wrap:anywhere}.btn-mini{font:600 12.5px var(--body);background:var(--surface);border:1px solid var(--line-2);border-radius:6px;padding:4px 10px;cursor:pointer;color:var(--ink);flex-shrink:0}.terminal{margin:0;font:13px var(--mono);background:#1a1d24;color:#e8ece9;padding:10px 12px;border-radius:8px;overflow-x:auto}.narrow-field{max-width:260px}.narrow-text{max-width:72ch}.two-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 20px}.text-bad{color:var(--bad-ink);font-weight:600}.env-link{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--surface-2);border-radius:10px;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}.grid-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.choice-btn{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border:1px solid var(--ok);border-radius:12px;background:var(--surface);color:var(--ink);font:14px/1.5 var(--body);cursor:pointer;min-height:44px}.choice-btn b{color:var(--ok-ink);font-size:15.5px}.choice-btn span{color:var(--ink-2)}.choice-btn-main{border-width:2px;background:var(--ok-soft)}.choice-btn:hover:not(:disabled){box-shadow:0 0 0 3px var(--ok-soft)}.choice-btn:disabled{opacity:.55;cursor:default}