:root{--cream: #f5f4f3;--cream-2: #e8e8e3;--paper: #ffffff;--ink: #352c0a;--ink-2: #56534c;--ink-3: #8a8579;--line: #d8d5cc;--line-soft: #e6e3da;--yellow: #ffe070;--yellow-soft: #fff3b7;--dark: #1f1b0d;--green: #2dba36;--green-d: #006c30;--blue: #3346d7;--blue-d: #0050b4;--red: #ef3b25;--red-d: #db270f;--orange: #eb7300;--teal: #0ba5b3;--purple: #82245d;--olive: #777731;--grey: #9a9a9a;--font-mono: "Courier Prime", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--font-display: "Rubik", "Helvetica Neue", system-ui, sans-serif;--font-serif-display: "Inter Tight", "Helvetica Neue", system-ui, sans-serif;--mono: var(--font-mono);--display: var(--font-display);--serif-display: var(--font-serif-display);--shadow-sm: 0 0 0 1px rgba(53, 44, 10, .06), 0 1px 2px -1px rgba(53, 44, 10, .08);--shadow-md: 0 0 0 1px rgba(53, 44, 10, .08), 0 2px 4px -2px rgba(53, 44, 10, .1), 0 4px 8px -4px rgba(53, 44, 10, .06);--shadow-lg: 0 0 0 1px rgba(53, 44, 10, .1), 0 14px 32px -14px rgba(53, 44, 10, .3), 0 4px 12px -6px rgba(53, 44, 10, .12);--shadow-focus: 0 0 0 3px rgba(51, 70, 215, .25);--transition-fast: .15s ease;--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 248px;--panel-w: 480px}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--cream);font-family:var(--font-mono);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}.eyebrow{margin:0;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.pill-button{min-height:38px;padding:0 16px;border:1px solid var(--ink);border-radius:999px;color:var(--cream);background:var(--ink);cursor:pointer}.pill-button.secondary{color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-mono)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.page-bread{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink-2);margin-bottom:10px}.bread-back{color:var(--ink-3);cursor:pointer}.bread-back:hover{color:var(--ink)}.bread-crumb{letter-spacing:.04em}.bread-sep{color:var(--ink-3)}.bread-here{color:var(--ink);font-weight:700}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header h1{margin:0;font-family:var(--font-serif-display);font-size:42px;font-weight:800;line-height:1}.state-panel{display:grid;justify-items:center;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:44px 24px;border:1px dashed var(--line);border-radius:8px;background:var(--paper);text-align:center}.state-panel p{margin:0;color:var(--ink-2)}.state-panel.error{border-color:var(--red-d)}.pill-button{min-height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.pill-button.ghost{background:transparent}.pill-button:hover{border-color:var(--ink)}.skeleton-stack{display:grid;gap:10px}.skeleton-row{position:relative;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--paper);min-height:48px}.skeleton-row:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:skeleton-sweep 1.25s infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}