:root{--ink-000: #ffffff;--ink-050: #f7f7f6;--ink-100: #eeeeec;--ink-200: #dcdcd8;--ink-300: #b9b9b3;--ink-500: #77776f;--ink-700: #3d3d38;--ink-800: #262622;--ink-900: #16161a;--ink-950: #0e0e10;--brand-navy: #171e38;--surface: var(--ink-000);--surface-raised: var(--ink-050);--surface-sunken: var(--ink-100);--border: var(--ink-200);--border-strong: var(--ink-300);--text: var(--ink-900);--text-muted: var(--ink-500);--accent: var(--brand-navy);--accent-contrast: var(--ink-000);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius: 6px;--radius-lg: 10px;--measure: 68ch}@media(prefers-color-scheme:dark){:root{--surface: var(--ink-950);--surface-raised: var(--ink-900);--surface-sunken: var(--ink-800);--border: var(--ink-800);--border-strong: var(--ink-700);--text: var(--ink-050);--text-muted: var(--ink-300);--accent: #9aa6cc;--accent-contrast: var(--ink-950)}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}.shell{max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-8)}.shell__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.wordmark{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none}.wordmark__sub{color:var(--accent);font-weight:400;margin-left:.15em}.tagline{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.filter{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);min-width:12ch}.filter:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.shell__main{flex:1;display:flex;flex-direction:column;gap:var(--space-8)}.group__title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.group__count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0;padding:0 var(--space-2);border-radius:var(--radius);background:var(--surface-sunken)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);color:inherit;text-decoration:none;transition:border-color .12s ease,transform .12s ease}.card:hover,.card:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.card--pending{opacity:.55;background:transparent;border-style:dashed;cursor:not-allowed}.card--pending:hover{border-color:var(--border);transform:none}.card__title{font-weight:600;letter-spacing:-.01em}.card__note{font-size:var(--text-sm);color:var(--text-muted);max-width:var(--measure)}.card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.badge--pending{padding:0 var(--space-2);border:1px dashed var(--border-strong);border-radius:var(--radius)}.card__date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.shell__footer{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.shell__footer code{font-family:var(--font-mono)}.empty{color:var(--text-muted)}@media(max-width:640px){.shell__header{grid-template-columns:1fr}.filter{width:100%}}