@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121110;--surface:#1c1a18;--surface-2:#26231f;--surface-3:#332f2a;--surface-4:#3f3a34;--line:#2f2b27;--fg:#f7f3ee;--fg-2:#b5ada4;--fg-3:#80786f;--accent:#ff8a1f;--accent-hover:#ff9c42;--accent-ink:#1f1103;--accent-soft:#ff8a1f26;--accent-deep:#b55400;--star:#f5c518;--ok:#5fd892;--danger:#ff6d5e;--scrim:#080706b8;--glass:#1e1c1af0;--toast-bg:#f7f3ee;--toast-fg:#1b1915;--font:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-pill:999px;--shadow:0 12px 32px #0006;--nav-h:62px;--page-top-inset:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--surface-3) transparent}body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}body.is-locked{overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--fg-2);font-size:14px}.app{max-width:1080px;padding-inline:16px;padding-top:calc(var(--page-top-inset) + 14px);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 44px);margin:0 auto}.screen{flex-direction:column;gap:22px;animation:.3s both screen-in;display:flex}.stack{flex-direction:column;gap:12px;display:flex}@keyframes screen-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.screen-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.screen-heading{min-width:0}.screen-eyebrow{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.screen-title{letter-spacing:-.025em;text-wrap:balance;margin-top:4px;font-size:clamp(27px,7vw,38px);font-weight:800;line-height:1.1}.demo-badge{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;font-size:11px;font-weight:800}.header-actions{gap:10px;display:flex}.round-btn{background:var(--surface-2);width:42px;height:42px;color:var(--fg);border-radius:50%;place-items:center;transition:background .15s;display:grid}.round-btn svg{width:20px;height:20px}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title{letter-spacing:-.015em;align-items:baseline;gap:8px;min-width:0;font-size:21px;font-weight:800;display:flex}.section-count{color:var(--fg-3);letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:600}.section-actions{gap:2px;display:flex}.text-btn{border-radius:var(--r-pill);height:36px;color:var(--accent);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.text-btn svg{width:16px;height:16px}.btn{border-radius:var(--r-pill);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:15px;font-weight:700;transition:background .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:var(--surface-3);color:var(--fg)}.btn-secondary.is-on{background:var(--accent-soft);color:var(--accent)}.btn-ghost{color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--surface-3);background:0 0}.btn-danger{background:var(--danger);color:var(--accent-ink)}.btn-block{width:100%}.btn-small{height:38px;padding:0 14px;font-size:14px}.icon-btn{background:var(--surface-3);width:38px;height:38px;color:var(--fg);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.icon-btn svg{width:17px;height:17px}.icon-btn.is-on{background:var(--accent);color:var(--accent-ink)}.icon-btn--quiet{color:var(--fg-3);background:0 0}.filterbar{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;gap:10px;margin-inline:-16px;padding:10px 16px;display:flex;position:sticky}.filterbar-row{align-items:center;gap:8px;display:flex}.segmented{border-radius:var(--r-pill);background:var(--surface);flex:1;gap:2px;min-width:0;padding:4px;display:flex}.segment{border-radius:var(--r-pill);min-width:0;height:36px;color:var(--fg-2);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:14px;font-weight:650;transition:background .15s,color .15s;display:inline-flex}.segment[aria-checked=true]{background:var(--surface-3);color:var(--fg)}.segment-count{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700}.segment[aria-checked=true] .segment-count{color:var(--accent)}.filter-btn{border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:7px;height:44px;padding:0 14px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.filter-btn svg{width:18px;height:18px}.filter-badge{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:grid}.chip-row{scrollbar-width:none;gap:8px;margin-inline:-16px;padding-inline:16px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border-radius:var(--r-pill);background:var(--surface);height:32px;box-shadow:inset 0 0 0 1px var(--surface-3);color:var(--fg);flex:none;align-items:center;font-size:13px;font-weight:650;display:inline-flex}.chip-label{border-radius:var(--r-pill);white-space:nowrap;height:100%;padding:0 12px}.chip-clear{border-radius:0 var(--r-pill) var(--r-pill) 0;width:30px;height:100%;color:var(--fg-2);place-items:center;margin-left:-8px;display:grid}.chip-clear svg{width:14px;height:14px}.chip-static{height:30px;padding:0 12px}.poster-frame{isolation:isolate;aspect-ratio:2/3;border-radius:var(--r-sm);background:var(--surface-2);max-width:100%;position:relative;overflow:clip;box-shadow:0 8px 22px #00000061}.poster-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.art{z-index:0;position:absolute;inset:0;overflow:clip;container-type:inline-size}.art-svg{width:100%;height:100%;display:block}.art:after{content:"";mix-blend-mode:overlay;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px;position:absolute;inset:0}.art:before{content:"";z-index:1;background:linear-gradient(#0000 45%,#0000008c 100%);position:absolute;inset:0}.art-text{z-index:2;flex-direction:column;gap:2.5cqi;display:flex;position:absolute;bottom:7cqi;left:8cqi;right:8cqi}.art-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:4.8cqi;font-weight:750}.art-title{-webkit-line-clamp:4;color:#fff;letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:11.5cqi;font-weight:800;line-height:1.02;display:-webkit-box;overflow:hidden}.art-title--mid{font-size:9.5cqi}.art-title--long{font-size:8cqi}@container (width<=72px){.art-text{display:none}}.rank-badge{z-index:3;background:var(--accent);min-width:26px;height:26px;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 7px;font-size:14px;font-weight:800;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 2px 8px #0006}.rating-badge{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-variant-numeric:tabular-nums;background:#0e0d0ccc;align-items:center;gap:3px;padding:3px 7px;font-size:12px;font-weight:750;display:inline-flex}.rating-badge svg{width:11px;height:11px;color:var(--star)}.rating-badge.on-poster{z-index:3;position:absolute;top:6px;right:6px}.seen-flag{z-index:3;background:var(--ok);color:#08250f;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;left:6px}.seen-flag svg{width:14px;height:14px}.provider-strip{z-index:1;flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex;position:relative}.provider-tile{background:var(--tile-bg,var(--surface-3));min-width:26px;height:26px;color:var(--tile-fg,var(--fg));letter-spacing:-.01em;border-radius:7px;place-items:center;padding:0 5px;font-size:10.5px;font-weight:800;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff14}.provider-tile.is-wide{font-size:9.5px}.provider-tile.is-muted{opacity:.4;filter:grayscale(.7)}.provider-more,.provider-none{color:var(--fg-3);font-size:12.5px;font-weight:700}.hero,.tcard,.pcard{position:relative}.card-hit{-webkit-line-clamp:3;text-align:left;font:inherit;line-height:inherit;letter-spacing:inherit;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-hit:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}.card-hit:focus-visible{outline:none}.card-hit:focus-visible:after{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-md)}.hero{isolation:isolate;border-radius:var(--r-lg);background:var(--surface);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"poster info""overview overview""actions actions";gap:16px;padding:16px;display:grid;overflow:clip}.hero-backdrop{z-index:-2;opacity:.6;filter:blur(34px)saturate(1.3);position:absolute;inset:-40px}.hero-backdrop .art,.hero-backdrop .poster-img,.detail-backdrop .art,.detail-backdrop .poster-img{position:absolute;inset:0}.hero:before{content:"";z-index:-1;background:linear-gradient(180deg, #1c1a1833 0%, #1c1a18c7 55%, var(--surface) 100%);position:absolute;inset:0}.hero-poster{grid-area:poster;width:128px}.hero-info{flex-direction:column;grid-area:info;align-items:flex-start;gap:6px;min-width:0;display:flex}.eyebrow{border-radius:var(--r-pill);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#121110a6;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.eyebrow-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.hero-title{letter-spacing:-.02em;text-wrap:balance;margin-top:2px;font-size:23px;font-weight:800;line-height:1.15}.meta{color:var(--fg-2);font-size:13.5px}.meta-dim{color:var(--fg-3)}.meta-score{color:var(--fg);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:750;display:inline-flex}.meta-score svg{width:13px;height:13px;color:var(--star)}.taste-note{color:var(--accent);align-items:flex-start;gap:6px;font-size:13.5px;font-weight:650;display:inline-flex}.taste-note svg{width:16px;height:16px;margin-top:1px}.hero-info .provider-strip{margin-top:4px}.hero-overview{-webkit-line-clamp:4;-webkit-box-orient:vertical;grid-area:overview;max-width:62ch;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-actions{z-index:1;flex-wrap:wrap;grid-area:actions;gap:10px;display:flex;position:relative}.card-actions .btn{flex:1;max-width:220px}.top-list{gap:12px;display:grid}.tcard{border-radius:var(--r-md);background:var(--surface);gap:14px;padding:12px;transition:background .15s;display:flex}.tcard-poster{flex:none;align-self:flex-start;width:96px}.tcard-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tcard-title{letter-spacing:-.01em;font-size:16.5px;font-weight:750;line-height:1.25}.tcard-title .card-hit{-webkit-line-clamp:2}.tcard-overview{-webkit-line-clamp:2;color:var(--fg-2);-webkit-box-orient:vertical;margin-top:3px;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.tcard-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.tcard-actions{z-index:1;gap:6px;display:flex;position:relative}.pcard{scroll-snap-align:start;flex-direction:column;gap:3px;min-width:0;display:flex}.pcard-poster{margin-bottom:6px}.pcard-title{font-size:14px;font-weight:700;line-height:1.3}.pcard-title .card-hit{-webkit-line-clamp:1}.pcard-sub{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.poster-row{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:124px;grid-auto-flow:column;gap:12px;margin-inline:-16px;padding:2px 16px 8px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.poster-row::-webkit-scrollbar{display:none}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 12px;display:grid}.empty{border-radius:var(--r-lg);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.empty-icon{width:40px;height:40px;color:var(--accent)}.empty h2{font-size:20px;font-weight:800}.empty p{max-width:40ch;color:var(--fg-2)}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.chip-btn{border-radius:var(--r-pill);background:var(--surface-3);height:36px;padding:0 14px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.empty-inline{color:var(--fg-2);text-align:center;padding:24px 0}.sheet-layer{z-index:50;background:var(--scrim);justify-content:center;align-items:flex-end;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:640px;max-height:min(92dvh,900px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-radius:24px 24px 0 0;outline:none;flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) both sheet-up;display:flex;position:relative;overflow:clip;box-shadow:0 -12px 40px #00000080}.sheet-grabber{background:var(--surface-4);border-radius:3px;flex:none;width:40px;height:5px;margin:8px auto 0}@keyframes sheet-up{0%{opacity:.5;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;padding:8px 14px 12px 20px;display:flex}.sheet-header h2{flex:1;font-size:20px;font-weight:800}.sheet-scroll{overscroll-behavior:contain;flex:1;padding:0 20px 8px;overflow-y:auto}.sheet-footer{border-top:1px solid var(--line);background:var(--surface);flex:none;padding:12px 16px}.fgroup{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:18px 0;display:flex}.fgroup:last-child{border-bottom:0}.fgroup-head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.fgroup-head--spaced{margin-top:12px}.fgroup-title{font-size:15px;font-weight:750}.fgroup-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:750}.fgroup-hint{color:var(--fg-2);margin-top:-4px;font-size:13px}.fgroup .segmented{flex:none}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-toggle{border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:6px;height:36px;padding:0 12px 0 14px;font-size:14px;font-weight:650;transition:background .15s,color .15s;display:inline-flex}.chip-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.chip-toggle:disabled{opacity:.35}.chip-count{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.chip-toggle[aria-pressed=true] .chip-count{color:#1f1103a6}.range-scale{color:var(--fg-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-4px;font-size:12px;display:flex}.range,.dual-range{--thumb:26px;background:linear-gradient(to right, var(--surface-3) calc(var(--from) * 100%), var(--accent) calc(var(--from) * 100%), var(--accent) calc(var(--to) * 100%), var(--surface-3) calc(var(--to) * 100%)) center / calc(100% - var(--thumb)) 6px no-repeat;width:100%;height:30px}.range,.dual-range input{appearance:none;cursor:pointer;margin:0}.dual-range{position:relative}.dual-range input{pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.dual-range input.is-top{z-index:2}.range::-webkit-slider-runnable-track{background:0 0}.dual-range input::-webkit-slider-runnable-track{background:0 0}.range::-moz-range-track{background:0 0}.dual-range input::-moz-range-track{background:0 0}.range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);background:var(--fg);box-shadow:0 2px 8px #00000080, 0 0 0 5px var(--accent-soft);pointer-events:auto;cursor:grab;border:0;border-radius:50%}.dual-range input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);background:var(--fg);box-shadow:0 2px 8px #00000080, 0 0 0 5px var(--accent-soft);pointer-events:auto;cursor:grab;border:0;border-radius:50%}.range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--fg);box-shadow:0 2px 8px #00000080, 0 0 0 5px var(--accent-soft);pointer-events:auto;cursor:grab;border:0;border-radius:50%}.dual-range input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--fg);box-shadow:0 2px 8px #00000080, 0 0 0 5px var(--accent-soft);pointer-events:auto;cursor:grab;border:0;border-radius:50%}.range:focus-visible,.dual-range input:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.dual-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.dual-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--accent)}.switch{border-radius:var(--r-pill);background:var(--surface-3);flex:none;width:50px;height:30px;transition:background .2s;position:relative}.switch-thumb{background:var(--fg);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(20px)}.switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.switch-row label{cursor:pointer;flex-direction:column;font-size:15px;font-weight:650;display:flex}.switch-row small{color:var(--fg-2);font-size:13px;font-weight:500}.provider-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.provider-toggle{border-radius:var(--r-sm);background:var(--surface-2);text-align:left;align-items:center;gap:10px;min-width:0;padding:8px 10px;font-size:14px;font-weight:650;transition:background .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1.5px #0000}.provider-toggle[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.provider-toggle[aria-pressed=false] .provider-tile{opacity:.55}.provider-toggle-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.provider-toggle-name{overflow-wrap:break-word}.provider-toggle-count{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.detail-sheet{max-width:680px}.detail-sheet .sheet-grabber{z-index:3;background:#ffffff59;position:absolute;top:0;left:50%;transform:translate(-50%)}.detail-top{isolation:isolate;flex:none;padding:30px 20px 18px;position:relative;overflow:clip}.detail-backdrop{z-index:-2;opacity:.65;filter:blur(30px)saturate(1.3);position:absolute;inset:-30px}.detail-top:after{content:"";z-index:-1;background:linear-gradient(180deg, #1c1a1826, var(--surface) 96%);position:absolute;inset:0}.detail-close{z-index:2;background:#12111099;position:absolute;top:14px;right:14px}.detail-head{align-items:flex-end;gap:16px;display:flex}.detail-poster{flex:none;width:116px}.detail-headings{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding-right:36px;display:flex}.detail-title{letter-spacing:-.02em;text-wrap:balance;font-size:25px;font-weight:800;line-height:1.12}.detail-original{color:var(--fg-2);font-size:14px;font-style:italic}.detail-body{overscroll-behavior:contain;flex-direction:column;gap:16px;padding:4px 20px 24px;display:flex;overflow-y:auto}.detail-stats{flex-wrap:wrap;gap:10px;display:flex}.stat{border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;gap:2px;min-width:120px;padding:10px 14px;display:flex}.stat-value{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:22px;font-weight:800;display:inline-flex}.stat-value .star{width:18px;height:18px;color:var(--star)}.stat-value--accent{color:var(--accent)}.stat-label{color:var(--fg-2);font-size:12.5px}.genre-chips{flex-wrap:wrap;gap:6px;display:flex}.detail-overview{max-width:62ch;font-size:15.5px;line-height:1.6}.facts{gap:8px;display:grid}.facts div{gap:12px;font-size:14px;display:flex}.facts dt{min-width:96px;color:var(--fg-3)}.detail-subtitle{margin-top:4px;font-size:16px;font-weight:800}.offer-list{gap:8px;display:grid}.offer{border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:12px;padding:10px 12px;display:flex}.offer .provider-tile{border-radius:9px;min-width:34px;height:34px;font-size:12px}.offer-name{flex:1;min-width:0;font-weight:700}.offer-type{color:var(--fg-2);font-size:13px}.offer-type:first-letter{text-transform:uppercase}.offer-mine{color:var(--ok);white-space:nowrap;align-items:center;gap:4px;font-size:12.5px;font-weight:750;display:inline-flex}.offer-mine svg{width:14px;height:14px}.detail-actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.detail-actions .btn{flex:1 1 0;min-width:96px;padding:0 12px}.search-field{border-radius:var(--r-pill);background:var(--surface);height:48px;box-shadow:inset 0 0 0 1px var(--surface-3);align-items:center;gap:10px;padding:0 6px 0 16px;display:flex}.search-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.search-field>svg{width:18px;height:18px;color:var(--fg-3)}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:15px}.search-field input::placeholder{color:var(--fg-3)}.search-field input::-webkit-search-cancel-button{display:none}.list-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-count{color:var(--fg-2);font-size:14px;font-weight:650}.sort-select{border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;font-weight:650;display:inline-flex}.sort-select:focus-within{box-shadow:0 0 0 2px var(--accent)}.sort-select svg{width:15px;height:15px;color:var(--fg-2)}.sort-select select{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;font-weight:650}.sort-select option{background:var(--surface);color:var(--fg)}.notice{border-radius:var(--r-md);background:var(--accent-soft);gap:12px;padding:14px;display:flex}.notice>svg{width:20px;height:20px;color:var(--accent);margin-top:2px}.notice-body{flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;display:flex}.seen-list{flex-direction:column;display:flex}.seen-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.seen-thumb{width:40px;box-shadow:none;border-radius:7px;flex:none}.seen-thumb-fallback{background:var(--surface-2);color:var(--fg-3);place-items:center;display:grid;position:absolute;inset:0}.seen-thumb-fallback svg{width:18px;height:18px}.seen-main{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.seen-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.seen-sub{color:var(--fg-2);font-size:12.5px}.your-score{color:var(--accent);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:800;display:inline-flex}.your-score svg{width:14px;height:14px}.panel{border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:12px;padding:18px;display:flex}.panel-title{font-size:18px;font-weight:800}.panel-subtitle{color:var(--fg-2);letter-spacing:.07em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:750}.panel-hint{color:var(--fg-2);font-size:13.5px}.panel p{max-width:65ch;font-size:14.5px;line-height:1.55}.panel a{color:var(--accent);text-underline-offset:2px;font-weight:650;text-decoration:underline}.panel-actions{flex-wrap:wrap;gap:10px;display:flex}.import-panel.is-dragging{box-shadow:inset 0 0 0 2px var(--accent)}.steps{counter-reset:step;gap:8px;display:grid}.steps li{color:var(--fg-2);counter-increment:step;grid-template-columns:26px 1fr;gap:10px;font-size:14px;line-height:1.5;display:grid}.steps li:before{content:counter(step);background:var(--surface-3);width:26px;height:26px;color:var(--fg);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.steps li>span{padding-top:2px}.steps strong{color:var(--fg)}.form-error{color:var(--danger);font-size:14px;font-weight:650}.taste-chips{flex-wrap:wrap;gap:8px;display:flex}.taste-chip{border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:6px;height:32px;padding:0 12px;font-size:14px;font-weight:650;display:inline-flex}.taste-chip strong{font-variant-numeric:tabular-nums}.taste-chip.is-up strong{color:var(--ok)}.taste-chip.is-down strong{color:var(--danger)}.confirm-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:650;display:flex}.bottom-nav{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);width:min(440px,100% - 24px);padding:6px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000008c,inset 0 0 0 1px #ffffff0f}.bottom-nav ul{gap:4px;display:flex}.bottom-nav li{flex:1;transition:flex .25s;display:flex}.bottom-nav li:has([aria-current=page]){flex:1.9}.nav-item{border-radius:var(--r-pill);height:50px;color:var(--fg-3);flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:750;transition:background .2s,color .2s;display:inline-flex}.nav-item svg{width:22px;height:22px}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.nav-item:not([aria-current=page]) .nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast-region{bottom:calc(var(--nav-h) + 28px + env(safe-area-inset-bottom,0px));z-index:60;pointer-events:none;width:min(440px,100% - 24px);position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-md);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--shadow);pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 16px;font-size:14px;font-weight:650;animation:.25s both toast-in;display:flex}.toast-action{color:var(--accent-deep);white-space:nowrap;border-radius:8px;padding:6px 8px;font-weight:800}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width>=700px){.filterbar-row .segmented{flex:0 440px}.hero{grid-template-rows:auto auto 1fr;grid-template-areas:"poster info""poster overview""poster actions";gap:14px 24px;padding:22px}.hero-poster{width:190px}.hero-title{font-size:30px}.card-actions{align-self:start}.sheet-layer{align-items:center;padding:24px}.sheet{border-radius:24px}.sheet-grabber{display:none}}@media (width>=900px){.app{padding-inline:32px}.filterbar{margin-inline:-32px;padding-inline:32px}.chip-row,.poster-row{margin-inline:0;padding-inline:0}.top-list{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-row{grid-auto-columns:150px}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 18px}}@media (hover:hover){.round-btn:hover{background:var(--surface-3)}.text-btn:hover{background:var(--accent-soft)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary:hover{background:var(--surface-4)}.btn-ghost:hover{background:var(--surface-2);color:var(--fg)}.icon-btn:hover{background:var(--surface-4)}.icon-btn--quiet:hover{background:var(--surface-2);color:var(--fg)}.filter-btn:hover{background:var(--surface-3)}.chip-clear:hover{color:var(--fg)}.tcard:hover{background:var(--surface-2)}.pcard:hover .pcard-title{color:var(--accent)}.chip-btn:hover{background:var(--accent);color:var(--accent-ink)}.chip-toggle:hover:not(:disabled){background:var(--surface-3)}.link-btn:hover{color:var(--accent)}.nav-item:hover{color:var(--fg)}.toast-action:hover{background:#b554001a}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.splash{min-height:100dvh;color:var(--fg-2);place-content:center;justify-items:center;gap:18px;font-size:14px;font-weight:650;display:grid}.splash-mark{background:var(--surface);border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.splash-mark span{background:var(--accent);border-radius:6px;width:26px;height:36px;animation:1.1s ease-in-out infinite alternate splash-pulse}@keyframes splash-pulse{0%{opacity:.45;transform:scale(.92)}to{opacity:1;transform:none}}.load-more{justify-content:center;padding-top:8px;display:flex}.more-btn{align-self:flex-start;margin-left:-10px}.provider-logo{object-fit:cover;background:var(--surface-3);width:26px;height:26px;padding:0;display:block}.provider-tile--large{border-radius:9px;width:auto;min-width:34px;height:34px;font-size:12px}.provider-logo.provider-tile--large{width:34px}.provider-rent{color:var(--fg-2);margin-right:2px;font-size:12px;font-weight:700}.offer-source{color:var(--fg-3);margin-top:-6px;font-size:12.5px}.offer-source a{color:var(--accent);font-weight:650}.credits{color:var(--fg-2);gap:6px;font-size:14px;display:grid}.credits strong{color:var(--fg);font-weight:650}