:root{color-scheme:light;--ink: #111111;--ink-2: #55534c;--ink-3: #6f6c63;--paper: #f5f4ef;--card: #ffffff;--line: #e3e1d9;--hover: #f8f7f3;--weekend: #faf9f6;--shadow: rgba(17, 17, 17, .08);--brand: #ffc800;--brand-hover: #f0bc00;--on-brand: #111111;--brand-soft: #fff3c4;--brand-wash: #fff8dc;--brand-ink: #7a5900;--logo-slash: #111111;--green: #1f7a4d;--green-soft: #e2f2e8;--claude: #6e56cf;--claude-soft: #efebfc;--claude-line: #d9d0f7;--claude-ink: #4c36a8;--red: #b4411c;--red-soft: #f8e6df;--fb: #1877f2;--ig: #c13584;--tt: #111111;--font: "Readex Pro", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius-card: 16px;--radius-control: 10px;--sidebar: 248px;--topbar: 72px}:root[data-theme=dark]{color-scheme:dark;--ink: #f5f4ef;--ink-2: #b8b5ab;--ink-3: #8f8c83;--paper: #111111;--card: #1a1a19;--line: #2e2d2a;--hover: #232321;--weekend: #161615;--shadow: rgba(0, 0, 0, .5);--brand-hover: #ffd43d;--brand-soft: #3a3110;--brand-wash: #2a2512;--brand-ink: #ffc800;--logo-slash: #ffc800;--green: #5ccb8a;--green-soft: #17301f;--claude: #a493f5;--claude-soft: #262140;--claude-line: #40386e;--claude-ink: #c3b7ff;--red: #f08a68;--red-soft: #3a1f16;--tt: #f5f4ef}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);transition:background .2s,color .2s;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}::selection{background:var(--brand);color:var(--on-brand)}input,textarea{caret-color:var(--brand-ink)}.mono{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.secondary{color:var(--ink-2)}.caption{font-size:12px;line-height:1.45;color:var(--ink-3)}.label{font-size:13px;font-weight:500}.spacer{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-title{font-size:17px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius-control);border:1px solid transparent;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-primary{background:var(--brand);color:var(--on-brand);font-weight:600}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--card);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--hover)}.btn-claude{background:var(--claude-soft);border-color:var(--claude-line);color:var(--claude-ink)}.btn-claude:hover{background:var(--claude-line)}.btn-danger{background:var(--card);border-color:var(--line);color:var(--red)}.btn-danger:hover{background:var(--red-soft)}.btn-dark{background:var(--ink);color:var(--paper)}.pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--card);border:1px solid var(--line);color:var(--ink)}.pill-claude{background:var(--claude-soft);border-color:var(--claude-line);color:var(--claude-ink)}.pill-success{background:var(--green-soft);border-color:transparent;color:var(--green)}.pill-toggle{cursor:pointer;height:32px;-webkit-user-select:none;user-select:none}.pill-toggle[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-control);background:var(--card);border:1px solid var(--line)}.segmented button{height:30px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-size:13px;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:600}.segmented.soft button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px var(--shadow)}.segmented.soft{background:var(--paper);border-color:transparent}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.page{padding:32px;display:flex;flex-direction:column;gap:24px;max-width:1240px}