@font-face{font-family:Chivo;src:url('/chivo-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Chivo;src:url('/chivo-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#121318;--text:#f4f5f8;--muted:#a3a9b6;--accent:#cfeefc;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Chivo,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.ambient{pointer-events:none;position:absolute;inset:0 0 auto;height:650px;z-index:-1;background:radial-gradient(ellipse at 10% 0%,#204c61 0%,#182b39 30%,transparent 70%)}.site-header{max-width:1000px;margin:auto;padding:32px 32px 24px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:700;color:var(--accent);font-size:22px;letter-spacing:-1px}.brand-dot{font-size:9px;color:#ffdb7a;vertical-align:super;margin-left:5px}.beta-label{font-size:13px;color:var(--muted)}.profile{max-width:680px;padding:32px 24px 20px;margin:auto}.identity{display:flex;align-items:flex-start;gap:18px}.avatar{width:72px;height:100px;border-radius:36px;object-fit:cover;flex-shrink:0;background:#273743}.initial{display:grid;place-items:center;font-size:30px;color:var(--accent)}.identity-copy{flex:1;min-width:0}.identity h1{font-size:28px;line-height:1.15;margin:5px 0 4px;letter-spacing:-.7px;overflow-wrap:anywhere}.handle{color:var(--muted);margin:0;font-size:16px}.bio{margin:4px 0 0;color:#dceaf5;white-space:pre-line;overflow-wrap:anywhere}.connections{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;color:var(--muted);font-size:14px}.connections b{color:var(--text)}.share{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:rgba(207,238,252,.06);color:var(--accent);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.share svg{width:23px;height:23px}.open-app{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid var(--line);border-radius:16px;margin-top:24px;background:rgba(18,19,24,.45);color:var(--accent);font-weight:700;padding:10px 16px;text-align:center}.app-hint{text-align:center;font-size:12px;color:var(--muted);margin:8px 0 0}.favorites{margin:32px 0 28px}.favorites h2{font-size:16px;font-weight:400;margin:0 0 16px;color:#dceaf5}.favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.poster{aspect-ratio:2/3;background:#20252b;overflow:hidden;display:grid;place-items:center}.poster img{width:100%;height:100%;object-fit:cover}.poster span{padding:10px;font-size:13px;color:var(--muted);text-align:center}.collection-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:28px 0 24px}.collection-tabs a{padding:12px 8px 14px;min-height:48px;color:var(--muted);border-bottom:2px solid transparent;font-weight:700}.collection-tabs a[aria-current]{color:var(--accent);border-color:var(--accent)}.collection-tabs span{font-weight:400;margin-left:6px;font-size:14px}.entries{display:grid;gap:30px}.review{margin:0 0 12px;white-space:pre-line;overflow-wrap:anywhere}.ticket{position:relative;overflow:hidden;min-height:200px;background:#30363c;mask-image:radial-gradient(circle at 6px 0,transparent 5px,#000 6px),radial-gradient(circle at 6px 100%,transparent 5px,#000 6px);mask-size:36px 100%;mask-composite:intersect}.ticket-art{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.62}.ticket-content{position:relative;min-height:200px;padding:20px;background:linear-gradient(90deg,rgba(12,18,22,.75),rgba(12,18,22,.2));display:flex;flex-direction:column;justify-content:space-between;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent)}.ticket h3{font-size:25px;line-height:1.2;text-transform:uppercase;letter-spacing:-.5px;max-width:80%;margin:0 0 10px}.rating{color:#ffdb7a;display:flex;align-items:center;gap:12px}.rating span+span{font-size:13px;color:#eee}.ticket-year{position:absolute;bottom:20px;right:20px;color:#dceaf5;font-size:14px}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 16px}.case-item{min-width:0}.cd-case{position:relative;padding:4px 5px 5px 12px;border:1px solid #899297;background:linear-gradient(110deg,#78808355,#242b3155,#dceaf533);box-shadow:3px 3px 0 #30383c,0 10px 0 -7px #737d84,0 13px 0 -7px #242b30}.cd-case .poster{aspect-ratio:1}.cd-case img{object-position:top}.case-hinge{position:absolute;top:3px;bottom:3px;left:3px;width:5px;border-right:1px solid #a2b0b077;background:repeating-linear-gradient(0deg,#151c22 0 3px,#69747c 4px)}.case-item h3{font-size:14px;font-weight:400;line-height:1.4;margin:16px 0 2px;overflow-wrap:anywhere}.movie-year{font-size:12px;color:var(--muted)}.empty{grid-column:1/-1;padding:48px 10px;text-align:center;color:var(--muted)}.empty h2{font-size:20px;color:var(--text)}.pagination{display:flex;justify-content:space-between;margin:30px 0;gap:12px;font-size:14px;color:var(--accent)}.pagination a{padding:8px}.install-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:680px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:rgba(31,37,45,.96);border:1px solid #3e4d59;border-radius:22px;box-shadow:0 10px 50px #0008;backdrop-filter:blur(20px)}.install-bar strong{display:block;font-size:14px}.install-bar div>span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;background:var(--accent);color:#101820;font-weight:700;border-radius:30px;padding:12px 22px;text-align:center}.coming-soon{font-size:13px;color:var(--accent);white-space:nowrap;border:1px solid #8ca8b044;padding:10px 14px;border-radius:24px}.install-bar .button{white-space:nowrap;font-size:14px}footer{text-align:center;color:var(--muted);font-size:13px;padding:48px 24px 150px;max-width:680px;margin:auto}footer span{display:block;margin-top:12px;font-size:11px}.landing{max-width:1000px;margin:auto;padding:80px 32px 0}.landing h1{font-size:clamp(42px,7vw,80px);line-height:1.08;letter-spacing:-3px;margin:22px 0}.landing em{font-style:normal;color:var(--accent)}.landing-copy{max-width:510px;color:var(--muted);font-size:18px;line-height:1.7}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}.manifesto{margin-top:80px;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.manifesto>span{font-size:12px;color:var(--accent)}.manifesto strong{display:block;font-size:18px;color:var(--text);margin-top:10px}.manifesto p{font-size:15px;color:var(--muted)}.error{max-width:680px;margin:80px auto;padding:24px}.error h1{font-size:36px}.error p{color:var(--muted)}.toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);background:var(--accent);color:#101820;border-radius:20px;padding:12px 20px;z-index:10}
@media(max-width:520px){.site-header{padding:24px 24px 12px}.beta-label{display:none}.profile{padding-top:28px}.identity{gap:14px}.identity h1{font-size:25px}.avatar{width:64px;height:90px}.share{width:40px;height:40px}.connections{gap:5px 12px}.ticket,.ticket-content{min-height:185px}.ticket h3{font-size:23px}.landing{padding:54px 24px 0}.landing h1{letter-spacing:-1.7px}.manifesto{grid-template-columns:1fr;gap:12px;margin-top:50px}.install-bar{gap:10px;padding:14px}.install-bar strong{font-size:13px}.install-bar div>span{font-size:12px}.coming-soon{font-size:12px;padding:8px 10px}.favorite-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 0;text-align:center}.profile-stats>div{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-stats dt{color:var(--muted);font-size:14px;order:2}.profile-stats dd{margin:0;font-size:24px;line-height:1.25;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
