:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1014;--ink:#e7ebee;--ink-soft:#9ea8b2;--accent:#ff9a57;--halo:#0c1014f2;--paper:#ebe7de;--paper-ink:#1b1f24;--paper-soft:#8a8172;--font-display:"Newsreader","Iowan Old Style",Georgia,serif;--font-body:"Newsreader","Iowan Old Style",Georgia,serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.6}#scene{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.page{z-index:1;box-sizing:border-box;min-height:100%;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:clamp(64px,11vh,128px) 88px;position:relative}.col{max-width:40rem;margin-left:clamp(0px,5vw,88px)}header{text-shadow:0 0 14px var(--halo),0 0 3px var(--halo)}.nav{flex-wrap:wrap;gap:4px 20px;font-size:1.04rem;line-height:1.4;display:flex}.nav a{color:var(--ink-soft);text-underline-offset:6px;text-decoration:none}.nav a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:22px 0 10px;font-size:clamp(2.2rem,1.5rem + 2.4vw,3.2rem);font-weight:400;line-height:1.02}.lede{max-width:34rem;color:var(--ink-soft);margin:0}.sample{font:.72rem/1.5 var(--font-mono);color:var(--accent);margin:10px 0 0}.status{min-height:1.5em;font:.72rem/1.5 var(--font-mono);color:var(--ink-soft);margin:4px 0 0}.filters{font:500 .72rem/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:6px 18px;margin:20px 0 0;display:flex}.filters button{color:var(--ink-soft);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;border-bottom:1px solid #0000;margin:0;padding:3px 0}.filters button:hover{color:var(--ink)}.filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.filters .n{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shelf{--g:8px;margin-top:18px}.grid{gap:var(--g);flex-direction:column;display:flex}.row{gap:var(--g);display:flex}.tile{min-width:0;rotate:var(--rot,0deg);transition:rotate .3s ease-out,scale .3s ease-out;position:relative;container-type:inline-size}.tile:hover,.tile:focus-within,.tile.is-open{z-index:3;rotate:0deg;scale:1.04}.hit{color:inherit;cursor:pointer;border-radius:3px;text-decoration:none;display:block;position:absolute;inset:0}.cover{box-sizing:border-box;border-radius:3px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 18px #00000080}.glare{pointer-events:none;opacity:0;mix-blend-mode:screen;background-image:linear-gradient(-73deg,#0000 36%,#fff0dc38 45%,#ffffff80 50%,#e1f0ff38 55%,#0000 64%);background-position:100% 0;background-size:300% 300%;border-radius:3px;position:absolute;inset:0}.tile:hover .glare,.tile.is-open .glare{opacity:1;animation:.9s ease-out forwards glare}@keyframes glare{0%{background-position:100% 0}to{background-position:0 0}}.caption{font:400 10.5px/1.3 var(--font-mono);color:var(--ink);opacity:0;pointer-events:none;background:linear-gradient(#05070a00,#05070ae0);border-radius:0 0 3px 3px;flex-direction:column;gap:1px;padding:22px 8px 7px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.tile:hover .caption,.tile:focus-within .caption,.tile.is-open .caption{opacity:1}.cap-kind{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}.cap-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.cap-by{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play{color:#f1ece2;cursor:pointer;opacity:0;z-index:2;background:#05070a59;border:0;border-radius:50%;place-items:center;width:40px;height:40px;margin:auto;padding:0;transition:opacity .2s;display:grid;position:absolute;inset:0}.tile:hover .play,.tile:focus-within .play,.tile.is-open .play{opacity:1}@media (hover:none){.play{opacity:1}}.play svg{width:32px;height:32px;display:block}.k-book{background:var(--c1);color:#f3efe6;padding:10% 11%}.k-book .by{font:500 6.5cqi/1.25 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.85}.k-book .rule{background:var(--c2);width:38%;height:2px;margin:9% 0 0}.k-book .ttl{font:500 13cqi/1.08 var(--font-display);text-wrap:balance;margin-top:auto}.k-film{color:#f3efe6;background:radial-gradient(circle at 50% 36%,var(--c2) 0 17%,transparent 17.6%),linear-gradient(180deg,var(--c1),#07090c 78%);padding:10% 10% 9%}.k-film .hz{background:#f3efe659;height:1px;position:absolute;top:53%;left:0;right:0}.k-film .ttl{font:italic 400 14.5cqi/1.02 var(--font-display);text-wrap:balance;margin-top:auto}.k-film .yr{font:500 6.2cqi/1 var(--font-mono);letter-spacing:.14em;opacity:.8;margin-top:6%}.k-music{color:#f6f2ea;background:radial-gradient(circle at 28% 30%,var(--c1),transparent 62%),radial-gradient(circle at 78% 72%,var(--c2),transparent 58%),var(--c3);padding:9%}.k-music .ttl{font:500 4.8cqi/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin-top:auto}.k-music .by{font:400 4.3cqi/1.2 var(--font-mono);opacity:.8}.k-video{color:#f3efe6;background:linear-gradient(118deg,var(--c1),#0a0d11 72%);padding:5.5% 6%}.k-video .ttl{max-width:72%;font:600 5.8cqi/1.04 var(--font-display);text-wrap:balance}.k-video .by{font:500 2.6cqi/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-top:auto}.k-video .badge{background:#f3efe6e6;border-radius:1.8cqi;place-items:center;width:13cqi;height:8.6cqi;display:grid;position:absolute;bottom:9%;right:6%}.k-video .badge:after{content:"";border:1.9cqi solid #0000;border-left:3cqi solid #0a0d11;border-right-width:0;margin-left:.6cqi}.k-article{background:var(--paper);color:var(--paper-ink);padding:10% 11%}.k-article .site{font:500 5cqi/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-soft)}.k-article .ttl{font:500 10cqi/1.1 var(--font-display);text-wrap:balance;margin-top:8%}.k-article .lines{gap:4.6cqi;margin-top:auto;display:grid}.k-article .lines i{background:#cfc8bb;border-radius:1px;height:2.3cqi;display:block}.k-article .lines i:last-child{width:62%}.figbar{z-index:1;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:8px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));font:.7rem/1.5 var(--font-mono);color:var(--ink-soft);font-variant-numeric:tabular-nums;text-shadow:0 0 8px var(--halo);flex-wrap:wrap;justify-content:space-between;gap:4px 24px;margin:0;display:flex;position:relative}.figbar p{margin:0}.figbar .fig{color:var(--ink);font-weight:500}.figbar .val{color:var(--accent)}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover .glare,.tile.is-open .glare{opacity:0;animation:none}}.page{min-height:0;padding-bottom:40px}@media (width<=760px){.page{padding-block:clamp(56px,9vh,96px) 24px}}@media (width<=560px){body{font-size:16.5px}.shelf{--g:6px}.caption{padding:16px 6px 5px;font-size:9.5px}.cap-kind{font-size:8.5px}.figbar{font-size:.62rem}.figbar .opt{display:none}}.cover.k-img{background:#11161b;padding:0}.cover.k-img img{object-fit:cover;width:100%;height:100%;display:block}.play.on{opacity:1}.play.on svg path{d:path("M12.5 11h2.6v10h-2.6zM16.9 11h2.6v10h-2.6z")}.draft-tag{border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:0 4px;line-height:1.5;display:inline-block}