:root{--bg: #0F0E13;--surface: #1A1820;--surface-2: #16141B;--line: #2A2630;--line-2: #3A3542;--line-3: #4A4552;--text: #F5F1EA;--text-2: #D9D3C9;--muted: #B4ADA3;--gold: #F2B544;--gold-ink: #1A1206;--coral: #FF7A5C;--coral-ink: #1A0F0B;--ok: #6FD39A;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: Manrope, system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:var(--gold)}img{display:block}.app{max-width:520px;margin:0 auto;min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));position:relative}.screen{padding:calc(28px + env(safe-area-inset-top)) 0 0}.pad{padding-left:20px;padding-right:20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.h1{font-family:var(--display);font-weight:800;font-size:40px;line-height:1.02;letter-spacing:-.02em;margin:0}.h2{font-family:var(--display);font-weight:700;font-size:22px;margin:0}.sub{font-size:14px;color:var(--muted);line-height:1.45;margin:4px 0 0}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:16px 20px 4px}.chips::-webkit-scrollbar{display:none}.chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;white-space:nowrap}.chip.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold);font-weight:700}.chip.coral.on{background:var(--coral);color:var(--coral-ink);border-color:var(--coral)}.btn{height:48px;border-radius:14px;border:1px solid var(--line-3);background:var(--surface);color:var(--text);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.gold{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.btn.icon{width:48px;padding:0}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.badge{background:var(--gold);color:var(--gold-ink);font-weight:700;font-size:12px;padding:4px 8px;border-radius:999px}.badge.dark{background:var(--bg);color:var(--text);font-weight:600}.row-head{display:flex;align-items:baseline;justify-content:space-between;padding:26px 20px 12px;gap:12px}.row-head a{font-size:13px;font-weight:600;text-decoration:none}.rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:0 20px;scroll-padding-inline:20px;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{display:none}.poster{position:relative;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;aspect-ratio:2 / 3;text-decoration:none;color:var(--text);background:var(--surface)}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster .ptitle{position:relative;font-family:var(--display);font-weight:800;font-size:17px;line-height:1.05}.poster .pscore{position:absolute;top:8px;left:8px}.poster .pmatch{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:12px;background:var(--coral);display:flex;align-items:center;justify-content:center}.card-item{width:124px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start;text-decoration:none}.card-item .meta{font-size:12px;color:var(--muted)}.hero{margin:0 20px;height:460px;border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero .shade{position:absolute;left:0;right:0;bottom:0;height:300px;background:linear-gradient(to top,var(--bg) 25%,rgba(15,14,19,0))}.hero .body{position:relative;padding:20px;display:flex;flex-direction:column;gap:10px}.tabbar{position:fixed;left:0;right:0;bottom:0;background:var(--surface-2);border-top:1px solid var(--line);padding:8px 0 calc(10px + env(safe-area-inset-bottom));z-index:20}.tabbar nav{max-width:520px;margin:0 auto;display:flex;justify-content:space-around}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-size:11px;font-weight:600;min-width:60px;min-height:48px;justify-content:center}.tab.active{color:var(--gold);font-weight:700}.panel{background:var(--surface);border-radius:18px}.list-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.avatar{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid var(--bg)}.avatar.a{background:var(--gold);color:var(--gold-ink)}.avatar.b{background:var(--coral);color:var(--coral-ink)}.input{width:100%;height:52px;border-radius:14px;background:var(--surface);border:1px solid var(--line-2);color:var(--text);font:500 16px var(--body);padding:0 16px;outline:none}.input:focus{border-color:var(--gold)}label.field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:var(--text-2)}.empty{margin:24px 20px;padding:24px;border-radius:18px;background:var(--surface);text-align:center;color:var(--muted);line-height:1.5;font-size:14px}.deck{position:relative;margin:12px 20px 0;height:clamp(340px,calc(100dvh - 380px),560px)}.swipe-card{position:absolute;inset:0;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .25s ease,opacity .25s ease}.swipe-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.swipe-card .shade{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,var(--bg) 30%,rgba(15,14,19,0))}.stamp{position:absolute;top:28px;font-family:var(--display);font-weight:800;font-size:28px;padding:6px 14px;border-radius:12px;border:3px solid;transform:rotate(-12deg)}.overlay{position:fixed;inset:0;background:#0f0e13f7;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;text-align:center}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.score{background:var(--surface);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.score b{font-family:var(--display);font-size:28px;font-weight:800}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pick{border-radius:14px;border:2px solid var(--bg);padding:0;background:var(--surface);position:relative;overflow:hidden;aspect-ratio:2 / 3;color:var(--text);text-align:left}.pick.on{border-color:var(--coral)}.pick .dot{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:13px;background:var(--bg);display:flex;align-items:center;justify-content:center}.pick.on .dot{background:var(--coral)}.progress{display:flex;gap:6px}.progress span{flex:1;height:4px;border-radius:2px;background:var(--line-2)}.progress span.on{background:var(--gold)}.note{font-size:11px;color:#8a8390}.banner{margin:12px 20px 0;padding:12px 14px;border-radius:14px;background:#241e12;border:1px solid #4D3D17;font-size:13px;line-height:1.45;color:var(--text-2)}@media(min-width:521px){.hero{height:520px}}