@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700&family=Libre+Franklin:wght@700;800;900&display=swap";:root{color:#0b0b0b;font-synthesis:none;background:#f2efe7;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f2efe7;margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding-bottom:92px}.masthead{border-bottom:1px solid #111;justify-content:space-between;align-items:flex-end;padding:22px 24px 18px;display:flex}.eyebrow,.kicker,.section-head span{letter-spacing:.14em;font:500 10px/1.2 DM Mono,monospace}.brand-lockup h1{letter-spacing:-.075em;margin:8px 0 0;font:900 clamp(31px,8vw,62px)/.78 Libre Franklin,sans-serif}.desktop-nav{gap:28px;display:none}.desktop-nav button,.text-action{cursor:pointer;background:0 0;border:0;padding:0}.hero{padding:28px 24px 10px}.hero-rule{background:#0b0b0b;height:8px;margin-bottom:26px}.hero-grid{gap:18px;display:grid}.hero h2{letter-spacing:-.055em;max-width:1000px;margin:10px 0;font:800 clamp(34px,8vw,76px)/.94 Libre Franklin,sans-serif}.intro{color:#3c3c3c;max-width:560px;margin:0;font-size:15px;line-height:1.5}.searchbox{color:#fff;background:#0b0b0b;align-items:center;gap:12px;margin-top:28px;padding:16px 18px;display:flex}.searchbox input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:15px}.searchbox input::placeholder{color:#aaa}.searchbox kbd{border:1px solid #555;padding:4px 6px;font:400 11px DM Mono,monospace;display:none}.section-head{justify-content:space-between;align-items:flex-end;padding:34px 24px 16px;display:flex}.section-head h3{letter-spacing:-.04em;margin:5px 0 0;font:800 25px Libre Franklin,sans-serif}.text-action{align-items:center;gap:8px;display:none}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding:0 24px;display:grid}.poster-wrap{aspect-ratio:2/3;background:#ddd;border-radius:1px;position:relative;overflow:hidden}.poster-wrap img{object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:100%;display:block}.poster-fallback{background:#ddd;place-items:center;height:100%;display:grid}.format-badge{background:#f2efe7;padding:5px 7px;font:500 9px DM Mono,monospace;position:absolute;bottom:8px;right:8px}.film-meta{padding-top:10px}.film-meta h4{letter-spacing:-.03em;margin:0;font:800 16px/1.08 Libre Franklin,sans-serif}.film-meta p{color:#666;margin:6px 0;font-size:11px}.edition-line{color:#444;align-items:center;gap:6px;font:400 10px DM Mono,monospace;display:flex}.verdict{text-transform:uppercase;border-bottom:1px solid #111;margin-top:8px;font:500 9px DM Mono,monospace;display:inline-block}.empty{text-align:center;padding:60px 24px}.empty h3{font:800 24px Libre Franklin,sans-serif}.empty p{color:#666;max-width:460px;margin:0 auto 18px}.empty button{color:#fff;background:#111;border:0;padding:12px 16px}.bottom-nav{z-index:20;padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2efe7f7;border-top:1px solid #bbb;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#777;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:4px;font-size:9px;display:flex}.bottom-nav button.active{color:#000}.bottom-nav span{font-family:DM Mono,monospace}@media (width>=800px){.app-shell{padding-bottom:40px}.masthead,.hero,.section-head,.poster-grid{padding-left:48px;padding-right:48px}.desktop-nav{display:flex}.bottom-nav{display:none}.hero-grid{grid-template-columns:1.5fr .6fr;align-items:end}.searchbox{max-width:820px;padding:19px 22px}.searchbox kbd{display:block}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 18px}.section-head{padding-top:54px}.text-action{display:flex}.film-meta h4{font-size:19px}}@media (width>=1200px){.masthead,.hero,.section-head,.poster-grid{padding-left:72px;padding-right:72px}.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:42px 20px}.hero{padding-top:36px}.hero-rule{height:12px}}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a44922}.film-card{text-align:left;color:inherit;background:0 0;border:0;padding:0}.film-card:hover .poster-wrap img{transform:scale(1.025)}.poster-wrap img{transition:transform .2s}.poster-fallback{text-align:center;background:#d8d1c2;align-content:center;gap:16px;padding:16px;font-weight:800}.notice{color:#555;margin:0;padding:0 24px 24px;font-size:13px;line-height:1.6}.notice button{color:#111;background:0 0;border:0;padding:0;text-decoration:underline}.desktop-nav button{align-items:center;gap:6px;min-height:44px;font-size:13px;display:flex}.desktop-nav .active{border-bottom:2px solid #111}.account{max-width:520px;margin:40px auto;padding:0 24px}.account h3{letter-spacing:-.04em;font-size:30px}.account label{margin:18px 0;display:block}.account input{background:#faf8f2;border:1px solid #aaa;width:100%;margin-top:8px;padding:14px;display:block}.account button{color:#fff;background:#111;border:0;padding:14px 20px}.account p{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.empty{line-height:1.6}.bottom-nav button{min-height:44px}.searchbox:focus-within{outline-offset:3px;outline:3px solid #a44922}footer{letter-spacing:.08em;padding:48px 24px 20px;font:500 10px/1.6 monospace}footer span{color:#666;margin-top:6px;display:block}dialog{background:#f2efe7;border:1px solid #111;width:calc(100% - 32px);max-width:540px;padding:32px;line-height:1.6}dialog::backdrop{background:#0009}dialog h2{letter-spacing:-.04em;font-size:32px;line-height:1.1}.close-dialog{background:0 0;border:0;border-bottom:1px solid;margin:0 0 24px auto;padding:8px;display:block}@media (width>=800px){.notice{padding-left:48px;padding-right:48px}footer{padding-left:48px}.desktop-nav{gap:18px}}@media (width>=1200px){.notice{padding-left:72px;padding-right:72px}footer{padding-left:72px}}@media (prefers-reduced-motion:reduce){.poster-wrap img{transition:none}}
