@import "https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";
:root{--color-bg:#fff3e2;--color-surface:#ffead1;--color-text:#14110f;--color-accent:#ff4d00;--color-accent-2:#ff3d9a;--color-problem:#c41031;--color-problem-text:#c41031;--color-link:#1b3bff;--color-done:#c6f24e;--color-divider:#14110f;--color-ink-fixed:#14110f;--color-cream-fixed:#efece3;--color-neutral-100:#fff8ee;--color-neutral-200:#f6e8d2;--color-neutral-300:#e9dcc6;--color-neutral-400:#cdbda3;--color-neutral-500:#a89a82;--color-neutral-600:#8a7c64;--color-neutral-700:#6b5b48;--color-neutral-800:#3f3529;--color-neutral-900:#14110f;--color-accent-100:#ffe3d3;--color-accent-200:#ffcdb3;--color-accent-300:#ffb08c;--color-accent-400:#ff8a57;--color-accent-500:#ff6a2b;--color-accent-600:#e63f00;--color-accent-700:#c43600;--color-accent-800:#7a2200;--color-accent-900:#14110f;--color-accent-2-100:#ffe0ee;--color-accent-2-200:#ffc2dc;--color-accent-2-300:#ff9dc6;--color-accent-2-400:#ff74ae;--color-accent-2-500:#ff3d9a;--color-accent-2-600:#e01b7c;--color-accent-2-700:#c1105f;--color-accent-2-800:#7d0a3d;--color-accent-2-900:#14110f;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-heading-weight:700;--font-display:"Anton", "Space Grotesk", sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--shadow-sm:3px 3px 0 #14110f;--shadow-md:5px 5px 0 #14110f;--shadow-lg:8px 8px 0 #14110f}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.55}h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 var(--space-2);font-weight:400;line-height:.9}h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.03em;margin:0 0 var(--space-2);line-height:1.05}h1{font-size:52px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}p{margin:0 0 var(--space-3)}a{color:var(--color-link);font-weight:700;text-decoration:none}img{max-width:100%;display:block}figure{margin:0}figcaption{font-family:var(--font-mono);color:var(--color-neutral-700);margin-top:4px;font-size:11px}.text-muted{color:var(--color-neutral-700)}:focus{outline:none}:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}::selection{background:var(--color-done);color:var(--color-ink-fixed)}.hr{height:3px;margin:var(--space-4) 0;background:var(--color-text);border:0}.btn{cursor:pointer;font-family:var(--font-heading);color:var(--color-text);border:3px solid var(--color-text);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn svg{display:block}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-cream-fixed);box-shadow:4px 4px 0 var(--color-text)}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{box-shadow:1px 1px 0 var(--color-text);transform:translate(3px,3px)}.btn-secondary:hover{background:var(--color-accent-100)}.btn-secondary:active{background:var(--color-accent-200)}.btn-ghost{color:var(--color-link);border-color:#0000;padding-inline:4px}.btn-ghost:hover{color:var(--color-accent)}.btn-icon{width:40px;height:40px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.btn-danger{background:var(--color-problem);color:var(--color-cream-fixed)}.btn-danger:hover{background:var(--color-problem-text)}.field>label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-700);margin-bottom:5px;font-size:11px;display:block}.input{width:100%;min-height:42px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:3px solid var(--color-text);border-radius:0;padding:9px 12px;font-size:14px;font-weight:500}.input::placeholder{color:var(--color-neutral-600)}.input:hover{background:var(--color-accent-100)}.input:focus-visible{box-shadow:4px 4px 0 var(--color-link);outline:none}textarea.input{resize:vertical;min-height:92px}.radio{cursor:pointer;text-wrap:pretty;align-items:center;gap:9px;font-size:14px;font-weight:500;display:flex}.radio input,.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.radio .dot{border:3px solid var(--color-text);border-radius:0;flex:none;width:18px;height:18px}.radio:hover .dot{background:var(--color-accent-100)}.radio input:checked+.dot{background:var(--color-link);box-shadow:inset 0 0 0 3px var(--color-bg)}.radio input:focus-visible+.dot{outline:3px solid var(--color-link);outline-offset:2px}.seg{border:3px solid var(--color-text);border-radius:0;display:inline-flex}.seg-opt{cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.seg-opt+.seg-opt{border-left:3px solid var(--color-text)}.seg-opt:has(input:checked){background:var(--color-link);color:var(--color-cream-fixed)}.seg-opt:not(:has(input:checked)):hover{background:var(--color-accent-100)}.seg-opt:has(input:focus-visible){outline:3px solid var(--color-link);outline-offset:-3px}.card{gap:var(--space-2);padding:var(--space-3);border:3px solid var(--color-text);background:0 0;border-radius:0;flex-direction:column;display:flex}.card-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:11px;font-weight:700}.card-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.1}.card-body{flex:1;margin:0;font-size:13px}.card-meta{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-neutral-700);align-items:center;gap:6px;font-size:11px;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--color-text);border-radius:0;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2);color:var(--color-ink-fixed)}.tag-neutral{color:var(--color-neutral-700);background:0 0}.tag-outline{border-color:var(--color-link);color:var(--color-link)}.tag-genre{color:var(--color-text);background:0 0}.tag-select{background:var(--color-link);color:var(--color-cream-fixed)}.tag-done{background:var(--color-done);color:var(--color-ink-fixed)}.tag-live{background:var(--color-accent-2);color:var(--color-ink-fixed)}.tag-danger{background:var(--color-problem);color:var(--color-cream-fixed)}.nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:3px solid var(--color-text);display:flex}.nav-brand{font-family:var(--font-display);text-transform:uppercase;margin-right:auto;font-size:22px}.nav a{color:inherit;font-size:14px;font-weight:500}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent-700)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);padding:var(--space-2);border-bottom:3px solid var(--color-text);font-size:11px}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-neutral-400)}.table tbody tr:hover{background:var(--color-accent-100)}.dialog-backdrop{padding:var(--space-4);background:#14110f8c;place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{width:min(460px,100%);max-height:calc(100vh - 2 * var(--space-4));gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:3px solid var(--color-text);box-shadow:var(--shadow-lg);border-radius:0;flex-direction:column;display:flex;overflow-y:auto}.dialog-title{font-family:var(--font-heading);letter-spacing:-.03em;font-size:24px;font-weight:700}.dialog-body{font-size:14px}.dialog-actions{justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-2);display:flex}.blueprint{border:3px solid var(--color-text);border-radius:0;position:relative}.blueprint>.corner{display:none}.duotone{position:relative;overflow:hidden}.duotone:after{content:"";pointer-events:none;background:var(--color-link);mix-blend-mode:color;position:absolute;inset:0}[data-theme=dark]{--color-bg:#14110f;--color-text:#fff3e2;--color-divider:#fff3e2;--color-neutral-700:#9c8b76;--shadow-sm:3px 3px 0 #fff3e2;--shadow-md:5px 5px 0 #fff3e2;--shadow-lg:8px 8px 0 #fff3e2;--color-problem-text:#d6586f;--color-accent-100:#3e1c0c;--color-accent-200:#56220b;--color-surface:#24211e}body{margin:0}.mono{font-family:var(--font-mono);letter-spacing:.06em;font-size:10px}.cover{background-color:var(--color-link);text-align:center;color:var(--color-bg);background-image:repeating-linear-gradient(135deg,#fff3e23d 0 6px,#0000 6px 12px);place-items:center;display:grid}.wnav{border-bottom:3px solid var(--color-text);white-space:nowrap;align-items:center;gap:18px;padding:14px 28px;font-size:14px;display:flex}.wnav b{font-family:var(--font-display);text-transform:uppercase;cursor:pointer;margin-right:auto;font-size:22px}.wnav a:not(.btn){color:var(--color-neutral-700);cursor:pointer;border-bottom:3px solid #0000;padding-bottom:3px;font-weight:500;text-decoration:none}.wnav a:not(.btn):hover{color:var(--color-accent-700)}.wnav a:not(.btn)[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:700}.wrap{max-width:1060px;margin:0 auto;padding:28px 28px 72px}.mode-seg{border:3px solid var(--color-text);flex:none;display:inline-flex}.mode-seg button{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:0;padding:5px 11px;font-size:12px;font-weight:700}a{color:var(--color-link)}a:hover{color:var(--color-accent)}.stars{letter-spacing:2px;color:var(--color-accent-700)}.rowlink{cursor:pointer}.rowlink:hover{background:var(--color-accent-100)}.starbtn{cursor:pointer;color:var(--color-neutral-400);background:0 0;border:0;padding:4px 6px;font-size:30px;line-height:1}.starbtn:hover{color:var(--color-accent-400)}.starbtn.on{color:var(--color-accent)}.shell{flex-direction:column;flex:1;display:flex}.anav{border-bottom:3px solid var(--color-text);white-space:nowrap;align-items:center;gap:16px;padding:13px 28px;font-size:13px;display:flex}.anav b{font-family:var(--font-display);text-transform:uppercase;margin-right:auto;font-size:19px}.anav a:not(.btn){color:var(--color-neutral-700);cursor:pointer;border-bottom:3px solid #0000;padding-bottom:2px;font-weight:500;text-decoration:none}.anav a:not(.btn):hover{color:var(--color-accent-700)}.anav a:not(.btn)[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:700}.qrow{border-bottom:3px solid var(--color-divider);align-items:flex-start;gap:14px;padding:16px 0;display:flex}.seg-opt[data-state=read]:has(input:checked){background:var(--color-done);color:var(--color-ink-fixed)}.seg-opt[data-state=reading]:has(input:checked){background:var(--color-accent-2);color:var(--color-ink-fixed)}.seg-opt[data-state=prog]:has(input:checked){background:var(--color-accent-2);color:var(--color-ink-fixed)}.seg-opt[data-state=want]:has(input:checked){background:var(--color-link);color:var(--color-cream-fixed)}.appbar{border-bottom:3px solid var(--color-text);align-items:center;gap:10px;padding:10px 14px;display:flex}.appbar b{font-family:var(--font-display);text-transform:uppercase;flex:1;font-size:18px}.appbar button{min-width:44px;min-height:44px}.tabs{border-top:3px solid var(--color-text);background:var(--color-bg);display:flex;position:sticky;bottom:0}.tab{cursor:pointer;min-height:60px;font-family:var(--font-heading);text-transform:uppercase;color:var(--color-neutral-700);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.tab+.tab{border-left:3px solid var(--color-text)}.tab.on{background:var(--color-accent);color:var(--color-cream-fixed)}.tab i{font-style:normal;font-family:var(--font-display);font-size:17px;line-height:1}.sheet{background:var(--color-bg);border-top:3px solid var(--color-text);z-index:101;max-height:86vh;padding:16px 16px 22px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.veil{z-index:100;background:#14110f8c;position:fixed;inset:0}.grab{background:var(--color-text);width:54px;height:5px;margin:0 auto 14px}.chip{font-family:var(--font-heading);text-transform:uppercase;border:2px solid var(--color-text);cursor:pointer;min-height:48px;color:var(--color-text);background:0 0;align-items:center;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex}.chip.on{background:var(--color-link);color:var(--color-cream-fixed)}.nocover{background:repeating-linear-gradient(135deg, var(--color-neutral-300) 0 6px, transparent 6px 12px);text-align:center;border:3px dashed var(--color-neutral-600);place-items:center;display:grid}@media (min-width:641px){.mobile-only{display:none!important}}@media (max-width:640px){.desktop-only{display:none!important}.responsive-grid{grid-template-columns:1fr!important}}