:root{color-scheme:dark;--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--border: oklch(1 0 0 / 10%);--ring: oklch(.556 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--font-sans: ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;border-color:var(--border)}html,body{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:var(--font-sans)}button,input{font:inherit}.center-screen{display:flex;min-height:100svh;align-items:center;justify-content:center;padding:0 1rem}.x-btn{display:flex;height:7rem;width:7rem;align-items:center;justify-content:center;border-radius:1.5rem;border:1px solid var(--border);background:var(--card);color:var(--foreground);box-shadow:0 10px 15px -3px #0000004d;cursor:pointer;text-decoration:none}.center-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-error{margin:0;max-width:20rem;text-align:center;font-size:.875rem;color:#f87171}.x-btn:hover{transform:scale(1.05);border-color:var(--foreground)}.x-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.connect-step{display:flex;width:100%;max-width:28rem;flex-direction:column;align-items:center;gap:1rem}.copy-btn,.done-btn{border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.copy-btn{border:0;background:var(--foreground);color:var(--background)}.copy-btn:hover{opacity:.9}.connect-hint{max-width:20rem;text-align:center;font-size:.875rem;line-height:1.6;color:var(--muted-foreground)}.done-btn{margin-top:.5rem;border:1px solid var(--border);background:transparent;color:var(--foreground)}.done-btn.is-hidden{visibility:hidden;opacity:0}.archive{display:flex;height:100svh;flex-direction:column;background:var(--background)}.sidebar{display:flex;width:100%;flex-shrink:0;flex-direction:column;border-bottom:1px solid var(--border)}.sidebar.is-hidden{display:none}.brand{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--border);padding:1rem}.brand-left,.profile{display:flex;align-items:center;gap:.5rem;min-width:0}.avatar{width:1.5rem;height:1.5rem;border-radius:999px;object-fit:cover;background:var(--accent)}.handle{font-size:.75rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{flex-shrink:0;font-size:.75rem;color:var(--muted-foreground);text-decoration:none}.logout:hover{color:var(--foreground)}.brand h1{margin:0;font-size:.875rem;font-weight:600;letter-spacing:-.01em}.count{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.search-wrap{border-bottom:1px solid var(--border);padding:.75rem 1rem}.search-label{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:var(--card);border-radius:.5rem;padding:.5rem .75rem;color:var(--muted-foreground)}.search-label:focus-within{border-color:var(--foreground)}.search-label input{width:100%;border:0;background:transparent;color:var(--foreground);outline:none}.guide-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.empty-state,.detail-empty{display:flex;flex:1;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center;color:var(--muted-foreground);font-size:.875rem}.guide-row{display:flex;width:100%;flex-direction:column;gap:.25rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;padding:.75rem 1rem;text-align:left;cursor:pointer}.guide-row:hover{background:color-mix(in oklab,var(--accent) 50%,transparent)}.guide-row.is-selected{background:var(--accent)}.row-top{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.row-title{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-date{flex-shrink:0;font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground)}.row-snippet{font-size:.75rem;line-height:1.5;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}mark{border-radius:.125rem;background:color-mix(in oklab,var(--primary) 20%,transparent);color:var(--foreground)}.detail{display:none;flex:1;flex-direction:column;overflow-y:auto}.detail.is-open{display:flex}.detail-head{display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.back-btn{margin-bottom:.5rem;width:fit-content;border:0;background:transparent;color:var(--muted-foreground);font-size:.875rem;cursor:pointer;padding:0}.detail-head h1{margin:0;font-size:1.25rem;font-weight:600}.updated{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.stages{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.stage-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.stage-num{font-family:var(--font-mono);font-size:.875rem;font-weight:600}.stage-name{font-size:.875rem;font-weight:600}.stage-actions{display:flex;flex-wrap:wrap;gap:.35rem .75rem}.action{font-size:.875rem;line-height:1.5;color:var(--foreground)}.action+.action:before{content:"→";margin-right:.75rem;color:var(--muted-foreground)}@media(min-width:768px){.archive{flex-direction:row}.sidebar,.sidebar.is-hidden{display:flex;width:360px;height:100svh;border-bottom:0;border-right:1px solid var(--border)}.detail,.detail.is-open{display:flex}.back-btn{display:none}.detail-head{padding:2rem 2.5rem}.detail-head h1{font-size:1.5rem}.stages{padding:2rem 2.5rem}}