:root{--bg: #0b0a09;--bg-2: #151310;--bg-3: #1d1a16;--fg: #f0ede6;--muted: #948d80;--muted-2: #6b6459;--accent: #c9884f;--hairline: rgba(255, 255, 255, .07);--sans: "IBM Plex Sans", "Heebo", system-ui, sans-serif;--serif: "Frank Ruhl Libre", "IBM Plex Sans", Georgia, serif;font-family:var(--sans);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}button:not(:disabled),[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.page{min-height:100dvh}.wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}.masthead{padding:2.25rem 0 1.5rem}.masthead-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.byline{font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.byline:hover{color:var(--accent)}.wordmark{margin:.35rem 0 0;font-family:var(--serif);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;letter-spacing:-.01em;line-height:1.15}.dateline{margin:.35rem 0 0;font-size:.8125rem;color:var(--muted)}.masthead-actions{display:flex;gap:.5rem;flex-shrink:0}.icon-btn{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.625rem;border:1px solid var(--hairline);background:transparent;color:var(--muted);transition:color .15s ease,background .15s ease}.icon-btn:hover{color:var(--fg);background:var(--bg-2)}.icon-btn:active{transform:scale(.96)}.chipbar{border-bottom:1px solid var(--hairline);padding-bottom:.875rem}.chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to left,#000 90%,transparent);mask-image:linear-gradient(to left,#000 90%,transparent)}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;scroll-snap-align:start;height:2.25rem;padding:0 .875rem;border-radius:999px;font-size:.8125rem;font-family:inherit;display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--hairline);background:transparent;color:var(--muted);white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease}.chip:hover{color:var(--fg)}.chip:active{opacity:.7}.chip.on{background:var(--accent);border-color:transparent;color:#17120c;font-weight:500}.feed{padding-block:2rem 0;transition:opacity .15s ease}.feed.settling{opacity:.55}.kicker{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.meta{margin:.5rem 0 0;font-size:.75rem;font-weight:500;color:var(--muted-2)}.lead-title,.feature-title,.spotlight-title,.card-title,.list-title,.duo-title,.lead-summary,.spotlight-summary{text-align:start}.hero{padding-bottom:3.5rem}.lead{display:block;contain:layout paint style}.lead .art-lead{width:100%;height:22rem;object-fit:cover;display:block;border-radius:.75rem;background:var(--bg-2)}@media(max-width:767px){.lead .art-lead{height:auto;aspect-ratio:3 / 2}}.lead-body{padding-top:1.25rem}.lead.no-art .lead-body{background:var(--bg-2);border-radius:.75rem;padding:1.75rem;border-inline-start:2px solid var(--accent)}.lead-title{margin:.5rem 0 0;font-family:var(--serif);font-size:clamp(1.5rem,3.4vw,2rem);font-weight:600;line-height:1.22;letter-spacing:-.01em}.lead:hover .lead-title{color:var(--accent)}.lead-summary,.spotlight-summary{margin:.75rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured{margin-top:2.5rem;display:grid;gap:1.5rem}@media(min-width:640px){.featured{grid-template-columns:1fr 1fr;gap:1.75rem}}@media(min-width:1024px){.featured{grid-template-columns:repeat(3,1fr)}}.feature,.card{display:flex;flex-direction:column;background:var(--bg-2);border-radius:.75rem;overflow:hidden;contain:layout paint style;transition:background .15s ease}.feature:hover,.card:hover{background:var(--bg-3)}.feature:active,.card:active{opacity:.85}.feature .art-featured,.card .art-secondary{width:100%;height:9.5rem;object-fit:cover;display:block;background:var(--bg-3)}.feature-body,.card-body{padding:1.125rem}.feature.no-art .feature-body,.card.no-art .card-body{padding:1.375rem 1.25rem;border-inline-start:2px solid var(--accent)}.feature-title,.card-title{margin:.5rem 0 0;font-family:var(--serif);font-size:1.0625rem;font-weight:600;line-height:1.35}.feature:hover .feature-title,.card:hover .card-title{color:var(--accent)}.chapter{padding-block:3.5rem;border-top:1px solid var(--hairline)}.chapter.banded{background:var(--bg-2);border-top-color:transparent}.chapter.banded .feature,.chapter.banded .card{background:var(--bg-3)}.chapter.banded .card:hover{background:#241f1a}.chapter.banded .list-thumb.fallback{background:var(--bg-3)}.spotlight{display:grid;gap:1.5rem;align-items:center;contain:layout paint style}@media(min-width:768px){.spotlight.has-art{grid-template-columns:1.25fr 1fr;gap:2.5rem}.chapter:nth-of-type(2n) .spotlight.has-art{grid-template-columns:1fr 1.25fr}.chapter:nth-of-type(2n) .spotlight.has-art .art-spotlight{order:2}}.spotlight .art-spotlight{width:100%;height:17rem;object-fit:cover;display:block;border-radius:.75rem;background:var(--bg-2)}.spotlight-title{margin:.5rem 0 0;font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.625rem);font-weight:600;line-height:1.25}.spotlight:hover .spotlight-title{color:var(--accent)}.spotlight.no-art .spotlight-body{background:var(--bg-3);border-radius:.75rem;padding:2rem;border-inline-start:3px solid var(--accent)}.chapter.banded .spotlight.no-art .spotlight-body{background:var(--bg)}.spotlight.no-art .spotlight-title{font-size:clamp(1.375rem,2.6vw,1.75rem)}.duo-pair{display:grid;gap:1.75rem}@media(min-width:768px){.duo-pair{grid-template-columns:1fr 1fr;gap:2rem}}.duo-item{display:flex;flex-direction:column;background:var(--bg-2);border-radius:.75rem;overflow:hidden;contain:layout paint style;transition:background .15s ease}.duo-item:hover{background:var(--bg-3)}.duo-item:active{opacity:.85}.chapter.banded .duo-item{background:var(--bg-3)}.chapter.banded .duo-item:hover{background:#241f1a}.duo-item .art-duo{width:100%;height:13rem;object-fit:cover;display:block;background:var(--bg-3)}.duo-body{padding:1.5rem}.duo-item.no-art{justify-content:center}.duo-item.no-art .duo-body{padding:1.875rem 1.5rem;border-inline-start:2px solid var(--accent)}.duo-title{margin:.5rem 0 0;font-family:var(--serif);font-size:1.375rem;font-weight:600;line-height:1.3}.duo-item:hover .duo-title{color:var(--accent)}.secondary{margin-top:2.5rem;display:grid;gap:1.5rem}@media(min-width:640px){.secondary{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.chapter.duo .secondary{grid-template-columns:repeat(2,1fr)}}.list-grid{margin-top:2.5rem;display:grid;gap:0 2.5rem}@media(min-width:1024px){.list-grid{grid-template-columns:1fr 1fr}}.list-row{display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--hairline);contain:layout paint style;transition:opacity .15s ease}.list-row:hover{opacity:.72}.list-row:active{opacity:.55}.list-thumb,.art-thumb{width:4.5rem;height:4.5rem;border-radius:.5rem;object-fit:cover;display:block;background:var(--bg-2)}.list-thumb.fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--hairline);color:var(--accent)}.list-body{min-width:0}.list-title{margin:0;font-size:.9375rem;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.list-row:hover .list-title{color:var(--accent)}.notice{margin:0 0 1.5rem;font-size:.75rem;color:var(--muted-2)}.empty{padding:4rem 0;text-align:center;color:var(--muted);display:grid;gap:1rem;justify-items:center}.skel{border-radius:.75rem;background:var(--bg-2);animation:pulse 1.6s ease-in-out infinite}.skel-lead{height:22rem}.skel-featured{height:9rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--bg-2);border-bottom:1px solid var(--hairline);padding:1.75rem 0}.panel-title{margin:1.75rem 0 .25rem;font-family:var(--serif);font-size:1rem;font-weight:600}.panel-title:first-child{margin-top:0}.panel-hint{margin:0 0 1rem;font-size:.75rem;color:var(--muted-2)}.slider-row{display:flex;align-items:center;gap:.875rem;margin-top:.625rem}.slider-name{width:6rem;font-size:.8125rem;flex-shrink:0}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.slider-value{width:1rem;font-size:.8125rem;color:var(--muted-2)}.list{border:1px solid var(--hairline);border-radius:.75rem;margin-bottom:1.25rem}.item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;padding:.5rem 1rem;border-top:1px solid var(--hairline);font-size:.875rem}.item:first-child{border-top:0}.field,select,textarea{width:100%;min-height:2.75rem;border-radius:.625rem;border:1px solid var(--hairline);background:var(--bg);color:var(--fg);padding:.5rem .75rem;font:inherit;font-size:.875rem}textarea{min-height:7rem;line-height:1.6}.grid2{display:grid;gap:.75rem;margin:1rem 0 .5rem;font-size:.8125rem}@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}