:root{color-scheme:light;--bg:#fafaf9;--surface:#fff;--fg:#171717;--muted:#6b7280;--border:#e7e5e4;--border-strong:#d6d3d1;--accent:#76b900;--accent-ink:#10120a;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000d;--radius:14px;--maxw:1120px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0c0c0c;--surface:#161616;--fg:#ededed;--muted:#9ca3af;--border:#2a2a2a;--border-strong:#3a3a3a;--accent:#76b900;--accent-ink:#0d1005;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:56px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:1.02rem;font-weight:700;display:inline-flex}.brand-mark{background:#0b0b0b;border-radius:7px;place-items:center;width:26px;height:26px;display:inline-grid}.brand-mark svg{width:12px;height:12px;fill:var(--accent)}.site-nav{color:var(--muted);gap:22px;font-size:.92rem;display:flex}.site-nav a:hover{color:var(--fg)}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:72px;padding:28px 0 44px;font-size:.85rem}.site-footer p{max-width:76ch;margin:0 0 8px}.site-footer a{text-underline-offset:2px;text-decoration:underline}.hero{padding:46px 0 6px}.hero h1{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(1.85rem,4vw,2.5rem);line-height:1.15}.hero p{color:var(--muted);max-width:62ch;margin:0;font-size:1.02rem}.hero .stats{color:var(--muted);margin-top:16px;font-size:.88rem}.hero .stats strong{color:var(--fg);font-weight:600}.hero .hero-note{margin-top:14px;font-size:.9rem}.hero .hero-note a{color:var(--fg);border-bottom:1px solid color-mix(in srgb, var(--accent) 65%, transparent)}.hero .hero-note a:hover{border-bottom-color:var(--accent)}.browser{padding-top:26px}.search-row{align-items:center;gap:12px;display:flex}.search-wrap{flex:1;position:relative}.search-wrap .search-icon{fill:none;width:17px;height:17px;stroke:var(--muted);stroke-width:2px;pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--fg);border-radius:12px;padding:13px 58px 13px 44px;font-family:inherit;font-size:1rem}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:color-mix(in srgb, var(--accent) 70%, var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.search-kbd{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);background:var(--bg);pointer-events:none;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-size:.72rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sort-toggle{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;flex-shrink:0;align-self:stretch;gap:2px;padding:3px;display:inline-flex}.sort-toggle .sort-option{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;padding:0 16px;font-family:inherit;font-size:.88rem;transition:background .12s,color .12s;display:inline-flex}.sort-toggle .sort-option:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 6%, transparent)}.sort-toggle .sort-option[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}@media (width<=640px){.search-row{flex-wrap:wrap}.search-row .search-wrap{flex:100%}.sort-toggle{align-self:auto;width:100%}.sort-toggle .sort-option{flex:1;justify-content:center}}.filter-bar{flex-wrap:wrap;align-items:baseline;gap:10px 20px;margin-top:18px;display:flex}.filter-group{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-right:2px;font-size:.74rem;font-weight:600}.chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:.85rem;transition:border-color .12s,color .12s,background .12s}.chip:hover{border-color:var(--border-strong);color:var(--fg)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.chip .count{opacity:.65;margin-left:3px;font-size:.78em}.chip[aria-pressed=true] .count{opacity:.8}.result-row{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.result-count{color:var(--muted);font-size:.9rem}.result-count strong{color:var(--fg)}.clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:.87rem}.clear-btn:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 6%, transparent)}.grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:20px;margin-top:18px;display:grid}.more-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.more-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.86rem}.show-more{justify-content:center;min-width:168px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card-thumb{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-duration{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#000000c7;border-radius:6px;padding:2px 7px;font-size:.74rem;position:absolute;bottom:8px;right:8px}.card-body{flex-direction:column;flex:1;gap:7px;padding:13px 15px 15px;display:flex}.card-title{letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.99rem;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.card-link:after{content:"";position:absolute;inset:0}.card-meta{color:var(--muted);margin:0;font-size:.85rem}.card-tags{z-index:1;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none;display:flex;position:relative}.card-tags a{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:.74rem}.card-tags a:hover{background:color-mix(in srgb, var(--fg) 12%, transparent);color:var(--fg)}.empty-state{text-align:center;color:var(--muted);padding:56px 0 24px}.empty-state p{margin:0 0 14px;font-size:1.02rem}.detail{padding-top:34px}.back-link{color:var(--muted);margin-bottom:18px;font-size:.88rem;display:inline-block}.back-link:hover{color:var(--fg)}.detail h1{letter-spacing:-.02em;max-width:26ch;margin:0 0 10px;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.2}.meta-line{color:var(--muted);flex-wrap:wrap;gap:6px 10px;margin-bottom:22px;font-size:.92rem;display:flex}.meta-line .dot:before{content:"·";margin-right:10px}.player{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.player>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.facade{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.facade-play{background:#0c0c0cb8;border-radius:50%;place-items:center;width:74px;height:74px;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.facade:hover .facade-play{background:var(--accent);transform:translate(-50%,-50%)scale(1.05)}.facade-play svg{fill:#fff;width:26px;height:26px;margin-left:4px}.facade:hover .facade-play svg{fill:var(--accent-ink)}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player-fallback{place-items:center;display:grid}.player-fallback .fallback-cta{z-index:2;color:#fff;background:#0c0c0cc7;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.player-fallback .fallback-cta:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn{border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:9px 17px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{opacity:.85}.btn-outline{border-color:var(--border-strong);color:var(--fg);background:var(--surface)}.btn-outline:hover{border-color:var(--fg)}.detail-description{max-width:74ch;color:var(--fg);margin-top:26px}.detail-description p{white-space:pre-line;margin:0 0 12px}.detail-tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.detail-tags a{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:999px;padding:5px 13px;font-size:.82rem}.detail-tags a:hover{border-color:var(--accent);color:var(--fg)}.related{border-top:1px solid var(--border);margin-top:48px;padding-top:28px}.related h2,.page-head h2.section-title{letter-spacing:-.01em;margin:0 0 4px;font-size:1.05rem}.pager{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:44px;padding-top:20px;display:flex}.pager a{color:var(--muted);max-width:46%}.pager a:hover{color:var(--fg)}.pager .label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:.73rem;display:block}.pager .next{text-align:right;margin-left:auto}.pager .title{color:var(--fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:600;display:-webkit-box;overflow:hidden}.page-head{padding:42px 0 4px}.page-head h1{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.7rem,3.5vw,2.3rem)}.page-head .sub{color:var(--muted);margin:0}.year-nav{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.prose{max-width:68ch;padding-top:42px}.prose h1{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(1.7rem,3.5vw,2.3rem)}.prose h2{letter-spacing:-.01em;margin:34px 0 10px;font-size:1.12rem}.prose p,.prose li{color:color-mix(in srgb, var(--fg) 88%, var(--muted))}.prose p{margin:0 0 13px}.prose ul,.prose ol{margin:0 0 14px;padding-left:22px}.prose li{margin-bottom:6px}.prose code{font-family:var(--mono);background:color-mix(in srgb, var(--fg) 7%, transparent);border-radius:6px;padding:1px 6px;font-size:.86em}.prose a{text-underline-offset:2px;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent)}.prose a:hover{text-decoration-color:var(--fg)}.disclaimer{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);color:var(--muted);margin-top:26px;padding:16px 18px;font-size:.9rem}.tribute{padding-top:34px;padding-bottom:20px}.tribute .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.74rem;font-weight:650}.tribute h1{max-width:20ch}.tribute .dek{color:var(--muted);margin-bottom:6px;font-size:clamp(1.02rem,2vw,1.16rem);font-style:italic}.tribute .byline{color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:22px;font-size:.82rem}.tribute .tribute-portrait{float:right;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(380px,44%);margin:4px 0 22px 30px;padding:0;overflow:hidden}.tribute .tribute-portrait img{width:100%;height:auto}.tribute .tribute-portrait figcaption{color:var(--muted);border-top:1px solid var(--border);padding:10px 15px 12px;font-size:.8rem;line-height:1.45}.tribute .tribute-portrait figcaption a{text-underline-offset:2px;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent)}.tribute .tribute-portrait figcaption a:hover{text-decoration-color:var(--fg)}@media (width<=640px){.tribute .tribute-portrait{float:none;width:100%;margin:24px 0}}.prose .pull{border-left:3px solid var(--accent);letter-spacing:-.01em;color:var(--fg);margin:26px 0;padding:4px 0 4px 20px;font-size:1.06rem;line-height:1.5}.tribute .picks{clear:both;gap:10px;margin:18px 0 6px;padding:0;list-style:none;display:grid}.tribute .picks li{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin:0;padding:13px 15px}.tribute .picks a{border-bottom:1px solid color-mix(in srgb, var(--accent) 60%, transparent);font-weight:600;text-decoration:none}.tribute .picks a:hover{border-bottom-color:var(--accent)}.tribute .pick-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:.78rem;display:block}.tribute .pick-note{font-size:.9rem;color:var(--muted)!important;margin:7px 0 0!important}.tribute .balance-note{color:var(--muted);margin-top:22px;font-size:.85rem}.tribute .balance-note a{text-underline-offset:2px;text-decoration:underline}.browser .year-group{grid-template-columns:116px minmax(0,1fr);margin-top:34px;display:grid}.browser .year-rail{text-align:right;align-self:start;padding-right:20px;position:sticky;top:72px}.browser .rail-year{letter-spacing:-.03em;color:var(--fg);font-size:1.85rem;font-weight:750;line-height:1;text-decoration:none;display:block}.browser .rail-year:hover{color:var(--accent)}.browser .rail-count{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:7px;font-size:.68rem;font-weight:600;display:block}.browser .year-body{border-left:1px solid var(--border);min-width:0;padding-left:22px}@media (width<=640px){.browser .year-group{grid-template-columns:1fr;margin-top:26px}.browser .year-rail{text-align:left;align-items:baseline;gap:10px;padding:0 0 10px;display:flex;position:static}.browser .rail-year{font-size:1.3rem}.browser .rail-count{margin-top:0}.browser .year-body{border-left:none;padding-left:0}}.criticism-page .crit-list{gap:10px;margin:18px 0 8px;padding:0;list-style:none;display:grid}.criticism-page .crit-list li{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin:0;padding:13px 15px}.criticism-page .crit-list a{border-bottom:1px solid color-mix(in srgb, var(--accent) 60%, transparent);font-weight:600;text-decoration:none}.criticism-page .crit-list a:hover{border-bottom-color:var(--accent)}.criticism-page .crit-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:.78rem;display:block}.criticism-page .crit-note{font-size:.9rem;color:var(--muted)!important;margin:7px 0 0!important}.criticism-page .balance-note{color:var(--muted);margin-top:26px;font-size:.85rem}.criticism-page .balance-note a{text-underline-offset:2px;text-decoration:underline}
