:root{--cade-bg: #f3f3ef;--cade-surface: #ffffff;--cade-surface-sunk: #e7e7e1;--cade-border: #dcdcd5;--cade-border-strong: #bdbdb5;--cade-text: #111111;--cade-text-muted: #5e5e58;--cade-text-faint: #8a8a83;--cade-text-on-accent: #ffffff;--cade-accent: #111111;--cade-accent-sunk: #e7e7e1;--cade-suggested: #5b4bc4;--cade-suggested-sunk: #f1effc;--cade-done: #26754a;--cade-caution: #9a6700;--cade-urgent: #8e1b12;--cade-text-xs: .75rem;--cade-text-sm: .875rem;--cade-text-base: 1rem;--cade-text-lg: 1.25rem;--cade-text-xl: 1.625rem;--cade-text-2xl: 2.125rem;--cade-text-3xl: 2.875rem;--cade-leading-tight: 1.2;--cade-leading-body: 1.5;--cade-space-1: .25rem;--cade-space-2: .5rem;--cade-space-3: .75rem;--cade-space-4: 1rem;--cade-space-6: 1.5rem;--cade-space-8: 2rem;--cade-space-12: 3rem;--cade-font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--cade-font-body: "Inter", system-ui, sans-serif;--cade-sticky-size: 10rem;--cade-sticky-rule: .375rem;--cade-radius-sm: .25rem;--cade-radius-md: .375rem;--cade-radius-card: .375rem;--cade-radius-lg: .5rem;--cade-shadow-card: 0 1px 2px rgb(17 17 17 / .08), 0 2px 6px rgb(17 17 17 / .06);--cade-shadow-lift: 0 4px 12px rgb(17 17 17 / .1), 0 12px 32px rgb(17 17 17 / .08);--cade-motion-state: .12s;--cade-motion-layout: .22s;--cade-ease: cubic-bezier(.2, 0, .13, 1);--cade-target-min: 2.75rem;--cade-target-board: 3.5rem}@media(prefers-color-scheme:dark){:root{--cade-bg: #121212;--cade-surface: #1c1c1b;--cade-surface-sunk: #0b0b0b;--cade-border: #2e2e2c;--cade-border-strong: #484844;--cade-text: #f2f2ee;--cade-text-muted: #a8a8a0;--cade-text-faint: #75756e;--cade-text-on-accent: #111111;--cade-accent: #f2f2ee;--cade-accent-sunk: #262624;--cade-suggested: #a397f2;--cade-suggested-sunk: #221e3d;--cade-done: #5fb884;--cade-caution: #e3b04a;--cade-urgent: #ff8a7e;--cade-shadow-card: 0 1px 2px rgb(0 0 0 / .4), 0 2px 8px rgb(0 0 0 / .3);--cade-shadow-lift: 0 4px 12px rgb(0 0 0 / .5), 0 12px 32px rgb(0 0 0 / .4)}}*{box-sizing:border-box}body{margin:0;background:var(--cade-bg);color:var(--cade-text);font:var(--cade-text-base) / var(--cade-leading-body) -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.board{max-width:48rem;margin:0 auto;padding:var(--cade-space-4)}.board__date{margin:0 0 var(--cade-space-1);font-size:var(--cade-text-xl);line-height:var(--cade-leading-tight)}.board__hint{margin:0 0 var(--cade-space-6);color:var(--cade-text-muted);font-size:var(--cade-text-sm)}.column__title{margin:var(--cade-space-6) 0 var(--cade-space-2);color:var(--cade-text-muted);font-size:var(--cade-text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cards{display:grid;gap:var(--cade-space-2);margin:0;padding:0;list-style:none}.card{display:flex;align-items:flex-start;gap:var(--cade-space-3);min-height:var(--cade-target-min);padding:var(--cade-space-3) var(--cade-space-4);border:1px solid var(--cade-border);border-left:3px solid var(--cade-accent);border-radius:var(--cade-radius-card);background:var(--cade-surface);box-shadow:var(--cade-shadow-card);transition:box-shadow var(--cade-motion-state) var(--cade-ease)}.card:hover{box-shadow:var(--cade-shadow-lift)}.card--suggested{border-left-color:var(--cade-suggested);background:var(--cade-suggested-sunk)}.card--done{border-left-color:var(--cade-done);background:var(--cade-surface-sunk);box-shadow:none}.card--stale{border-left-color:var(--cade-caution)}.card__title{margin:0;font-size:var(--cade-text-base)}.card--done .card__title{color:var(--cade-text-muted);text-decoration:line-through}.card__meta{margin:var(--cade-space-1) 0 0;color:var(--cade-text-faint);font-size:var(--cade-text-xs)}.empty{margin:0;padding:var(--cade-space-6) 0;color:var(--cade-text-muted);font-size:var(--cade-text-sm)}.skeleton{height:var(--cade-target-min);border-radius:var(--cade-radius-card);background:var(--cade-surface-sunk)}.error{padding:var(--cade-space-3) var(--cade-space-4);border-radius:var(--cade-radius-md);background:var(--cade-surface);border-left:3px solid var(--cade-urgent);font-size:var(--cade-text-sm)}@media(min-width:48rem){.board{padding:var(--cade-space-8)}.board__date{font-size:var(--cade-text-xxl)}.card .card__title{font-size:var(--cade-text-lg)}}.connections__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--cade-space-2)}.connection{padding:var(--cade-space-3) var(--cade-space-4);background:var(--cade-surface);border:1px solid var(--cade-border);border-radius:var(--cade-radius-card);min-height:var(--cade-target-min)}.connection__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--cade-space-2)}.connection__title{margin:0;font-size:var(--cade-text-base);font-weight:600;color:var(--cade-text)}.connection__detail{margin:var(--cade-space-1) 0 0;font-size:var(--cade-text-sm);color:var(--cade-text-muted)}.connection__status{margin:0;font-size:var(--cade-text-sm)}.connection__status--done{color:var(--cade-done)}.connection__status--caution{color:var(--cade-caution)}.connection__status--muted{color:var(--cade-text-muted)}.connection__actions{display:flex;gap:var(--cade-space-3);margin-top:var(--cade-space-2)}.button{display:inline-flex;align-items:center;min-height:var(--cade-target-min);padding:0 var(--cade-space-4);border:1px solid var(--cade-border-strong);border-radius:var(--cade-radius-md);color:var(--cade-text);font-size:var(--cade-text-sm);text-decoration:none}.button--primary{background:var(--cade-accent);border-color:var(--cade-accent);color:var(--cade-text-on-accent)}
