*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--ink:#0e1f38;--surface:#16304f;--surface-hover:#1d3c60;--border:hsla(0,3%,94%,.14);--paper:#f1f0f0;--muted:hsla(0,3%,94%,.64);--beam:#00c2cb;--lamp:#ffbd59;--radius-card:14px;--radius-btn:10px;--radius-modal:16px;--radius-chip:6px;--shadow-card:0 6px 20px rgba(0,0,0,.32);--transition:0.2s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--ink);color:var(--paper);min-height:100dvh;line-height:1.6;overflow-x:hidden}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}:focus-visible{outline:2px solid var(--beam);outline-offset:3px}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100dvh;flex-direction:column}.app,.app-header{position:relative;display:flex}.app-header{z-index:10;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(14,31,56,.96)}.logo-wrap{gap:12px}.logo-link,.logo-wrap{display:flex;align-items:center}.logo-link{gap:10px;text-decoration:none;color:inherit}.logo-image{width:32px;height:32px;flex-shrink:0;object-fit:contain;display:block}.logo-icon{flex-shrink:0;color:var(--beam)}.logo-title{font-size:1.1rem;font-weight:700;letter-spacing:.04em;color:var(--paper)}.header-right{display:flex;align-items:center;gap:20px}.header-right--desktop{display:flex}.header-nav-link{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;letter-spacing:.02em;transition:color var(--transition)}.header-nav-link:hover{color:var(--beam)}.header-nav-link--back{display:inline-flex;align-items:center;gap:5px}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border-radius:8px;transition:background var(--transition);z-index:60;flex-shrink:0}.hamburger-btn:hover{background:var(--surface)}.hamburger-line{display:block;width:22px;height:2px;background:var(--paper);border-radius:2px;transition:transform .2s ease,opacity .2s ease;transform-origin:center}.hamburger-btn.is-open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:rgba(14,31,56,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}.mobile-nav.is-open{display:block;max-height:400px;padding:16px 20px 20px}.mobile-nav-items{display:flex;flex-direction:column;gap:12px}.mobile-nav-items .header-nav-link,.mobile-nav-items .lang-switcher{font-size:1rem;padding:10px 0;border-bottom:1px solid var(--border);width:100%}.mobile-nav-items .lang-switcher{border-bottom:none;padding-bottom:0}.lang-switcher{position:relative;z-index:50}.lang-toggle{display:flex;align-items:center;gap:6px;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:background var(--transition),color var(--transition);white-space:nowrap}.lang-toggle:hover{background:var(--surface-hover);color:var(--paper)}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;list-style:none;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 8px 32px rgba(0,0,0,.5);animation:langDropIn .15s ease-out}.lang-dropdown--up{top:auto;bottom:calc(100% + 6px);animation:langDropUp .15s ease-out}@keyframes langDropUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes langDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 14px;border-radius:8px;color:var(--muted);font-size:.88rem;font-weight:500;transition:background var(--transition),color var(--transition)}.lang-option:hover{background:var(--surface-hover);color:var(--paper)}.lang-option.active{color:var(--beam);font-weight:700}.lang-check{flex-shrink:0;color:var(--beam)}.app-main{position:relative;flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 48px;max-width:1080px;margin-left:auto;margin-right:auto;width:100%}.list-detail-page,.lists-page,.select-phase{width:100%;max-width:720px;display:flex;flex-direction:column;gap:32px;align-items:center}.hero-text{text-align:center;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.hero-title{font-size:clamp(1.75rem,4.4vw,2.6rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--paper);text-wrap:balance}.hero-desc{margin-top:14px;max-width:38em;color:var(--muted);font-size:1rem;line-height:1.8;text-wrap:pretty}.category-selector{width:100%}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.category-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 16px 18px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);text-align:left;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.category-btn:hover{transform:translateY(-2px);background:var(--surface-hover)}.category-btn.active{border-color:var(--cat-color,var(--beam));background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--cat-color,var(--beam))}.cat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:8px;border-radius:var(--radius-btn);color:var(--cat-color,var(--beam));background:var(--border);background:color-mix(in srgb,var(--cat-color,var(--beam)) 14%,transparent)}.cat-name{font-size:.98rem;font-weight:700;color:var(--paper);white-space:nowrap}.cat-desc{font-size:.78rem;color:var(--muted);line-height:1.5}.cat-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--cat-color,var(--beam));color:var(--ink)}.cat-check,.spin-btn{display:flex;align-items:center;justify-content:center}.spin-btn{gap:10px;min-width:260px;padding:15px 32px;border-radius:var(--radius-btn);font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--muted);background:transparent;border:1px dashed var(--border);transition:transform var(--transition),background var(--transition),color var(--transition);cursor:not-allowed;text-decoration:none}.spin-btn.ready{cursor:pointer;background:var(--beam);border:1px solid var(--beam);color:#04262a}.spin-btn.ready:hover{transform:translateY(-2px)}.spin-btn.ready:active{transform:scale(.98)}.spin-btn-icon{flex-shrink:0}.lucky-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:-16px auto 0;padding:9px 18px;border-radius:var(--radius-btn);border:1px solid var(--border);color:var(--muted);font-size:.85rem;font-weight:600;transition:background var(--transition),color var(--transition)}.lucky-btn:hover{background:var(--surface);color:var(--paper)}.error-msg{color:#ff8080;font-size:.9rem;text-align:center}.home{width:100%;max-width:1000px;display:flex;flex-direction:column}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:56px;gap:56px;align-items:center;padding:16px 0 8px}.home-hero-copy .hero-title{font-size:clamp(1.9rem,4.2vw,2.9rem)}.home-hero-copy .hero-desc{max-width:30em}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius-btn);border:1px solid var(--border);color:var(--paper);font-size:.92rem;font-weight:700;text-decoration:none;transition:border-color var(--transition),color var(--transition)}.btn-ghost:hover{border-color:var(--beam);color:var(--beam)}.hero-note{margin-top:18px;font-size:.82rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phone{justify-self:center;width:100%;max-width:340px;padding:10px;border-radius:40px;background:#060f1d;border:1px solid var(--border);box-shadow:0 24px 48px rgba(0,0,0,.35)}.phone-screen{display:flex;flex-direction:column;min-height:600px;border-radius:30px;overflow:hidden;background:var(--ink)}.phone-body{flex:1 1;display:flex;flex-direction:column;padding:22px 14px 16px}.phone-screen-title{margin-bottom:14px;font-size:1.05rem;font-weight:700;color:var(--paper)}.phone-gacha{display:flex;flex-direction:column;gap:12px}.phone .category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.phone .category-btn{padding:12px 12px 13px}.phone .category-btn.active,.phone .category-btn:hover{transform:none}.phone .cat-icon{width:32px;height:32px;margin-bottom:6px}.phone .cat-icon svg{width:20px;height:20px}.phone .cat-name{font-size:.86rem;white-space:normal}.phone .cat-desc{font-size:.68rem}.phone .cat-check{top:10px;right:10px;width:18px;height:18px}.phone .spin-btn{min-width:0;width:100%;padding:13px 16px;font-size:.92rem}.phone .lucky-btn{margin:0 auto}.phone .gashapon-wrapper{flex:1 1;justify-content:center;padding:24px 0}.phone-tabbar{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 4px 14px;background:var(--surface);border-top:1px solid var(--border)}.phone-tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.62rem;color:var(--muted)}.phone-tab.is-active{color:var(--beam);font-weight:700}.app-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:40px;gap:40px;align-items:start}.app-split .feature-grid{grid-template-columns:repeat(2,1fr)}.app-split .phone-screen{min-height:0}.mock-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.mock-filter{padding:4px 10px;border-radius:var(--radius-chip);border:1px solid var(--border);font-size:.68rem;color:var(--muted)}.mock-filter.is-active{border-color:var(--beam);color:var(--beam)}.mock-library{list-style:none;display:flex;flex-direction:column;gap:8px}.mock-item{display:flex;gap:10px;padding:9px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.mock-poster{flex-shrink:0;width:42px;aspect-ratio:2/3;border-radius:6px;background-color:var(--surface-hover);background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.mock-item-body{min-width:0;display:flex;flex-direction:column;gap:2px}.mock-item-title{font-size:.8rem;font-weight:700;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-item-meta{font-size:.66rem;color:var(--muted)}.mock-item-row{display:flex;align-items:center;gap:8px;margin-top:4px}.mock-status{padding:1px 7px;border-radius:var(--radius-chip);border:1px solid var(--border);font-size:.62rem;color:var(--paper)}.mock-stars{display:inline-flex;gap:1px;color:var(--lamp)}.home-section{width:100%;margin-top:40px;padding-top:48px;border-top:1px solid var(--border);gap:24px}.home-section,.section-head{display:flex;flex-direction:column}.section-head--split{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-title{font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;line-height:1.35;letter-spacing:-.005em;color:var(--paper)}.section-desc{margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--beam);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:3px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.step{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:2px solid var(--surface-hover)}.step-num{font-size:.8rem;font-weight:700;letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.step-title{font-size:1.02rem;font-weight:700;color:var(--paper)}.step-text{font-size:.88rem;color:var(--muted);line-height:1.75}.feature-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.feature{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:8px;border-radius:var(--radius-btn);border:1px solid var(--border);color:var(--paper)}.feature-title{font-size:.95rem;font-weight:700;color:var(--paper)}.feature-text{font-size:.84rem;color:var(--muted);line-height:1.7}.newsletter{gap:24px;padding:32px 28px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.newsletter,.newsletter-copy{display:flex;flex-direction:column;align-items:center}.newsletter-copy{max-width:34em}.newsletter-archive{margin-top:16px}.newsletter-embed{width:100%;max-width:480px;border-radius:var(--radius-btn);overflow:hidden;background:#fff}.newsletter-embed iframe{display:block;width:100%;height:320px;border:0;background:#fff}.gashapon-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 16px}.gashapon-label{color:var(--muted);font-size:1rem;letter-spacing:.04em;text-align:center}.gashapon-machine{position:relative;display:flex;align-items:center;justify-content:center}.machine-body,.machine-stand{display:flex;flex-direction:column;align-items:center}.machine-dome{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,hsla(0,0%,100%,.85),hsla(0,0%,100%,.25) 60%,rgba(20,40,70,.15));border:4px solid hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px var(--glow),inset 0 4px 16px hsla(0,0%,100%,.3)}.machine-icon{display:flex;color:var(--ink);color:color-mix(in srgb,var(--glow,var(--beam)) 62%,var(--ink))}.machine-base{width:120px;height:40px;background:linear-gradient(180deg,#22385a,#14243c);border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.12)}.machine-slot{width:40px;height:10px;background:rgba(0,0,0,.5);border-radius:5px;border:1px solid hsla(0,0%,100%,.15)}.stage-shake .machine-body{animation:shake .15s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}20%{transform:translateX(-6px) rotate(-2deg)}40%{transform:translateX(6px) rotate(2deg)}60%{transform:translateX(-4px) rotate(-1deg)}80%{transform:translateX(4px) rotate(1deg)}}.capsule-fly{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:60px;height:60px;animation:capsulePop .6s ease-out forwards}.capsule-bottom,.capsule-top{width:60px;height:30px}.capsule-top{border-radius:30px 30px 0 0;background:var(--cap-color);opacity:.9}.capsule-bottom{border-radius:0 0 30px 30px;background:hsla(0,0%,100%,.85)}@keyframes capsulePop{0%{transform:translateX(-50%) translateY(0) scale(.5);opacity:1}60%{transform:translateX(-50%) translateY(-120px) scale(1.2) rotate(20deg);opacity:1}to{transform:translateX(-50%) translateY(-200px) scale(.8) rotate(45deg);opacity:0}}.loading-dots{display:flex;gap:8px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--beam);animation:dotBounce .9s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-10px);opacity:1}}.revealed-phase{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeSlideUp .4s ease-out both}.reveal-title{color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.result-card-stage{width:100%;display:flex;justify-content:center}.result-card{width:100%;max-width:420px;aspect-ratio:4/5;min-height:460px;background:linear-gradient(163deg,var(--card-top,var(--ink)) 0,var(--card-bot,var(--ink)) 78%,var(--card-bot,var(--ink)) 100%);border-radius:var(--radius-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden;display:flex;flex-direction:column}.result-card.card--downloading{border-radius:0}.result-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 82% -8%,var(--card-glow-near,transparent) 0,transparent 62%),radial-gradient(90% 60% at 6% 104%,var(--card-glow-far,transparent) 0,transparent 58%)}.result-card-poster{width:min(120px,44%);aspect-ratio:2/3;border-radius:10px;background-color:hsla(0,0%,100%,.07);border:1px solid var(--border);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.result-card-poster-img{width:100%;height:100%;object-fit:cover;display:block}.result-card-poster-fallback{color:var(--paper);opacity:.4}.result-card-body{position:relative;z-index:1;flex:1 1;flex-direction:column;gap:12px;padding:26px 24px 52px}.result-card-body,.result-card-quote{display:flex;align-items:center;justify-content:center;text-align:center}.result-card-quote{width:100%;color:var(--paper);font-style:italic;line-height:1.6;font-weight:600;background:rgba(0,0,0,.24);border-radius:var(--radius-btn);padding:11px 13px;min-height:58px;overflow:hidden}.result-card-quote.quote-lg{font-size:1.04rem;max-height:calc(1.04rem * 1.6 * 3 + 24px)}.result-card-quote.quote-md{font-size:.92rem;max-height:calc(.92rem * 1.6 * 3 + 24px)}.result-card-quote.quote-sm{font-size:.82rem;max-height:calc(.82rem * 1.6 * 3 + 24px)}.quote-content{display:inline}.quote-mark{font-family:Georgia,Times New Roman,serif;font-size:1.6em;font-weight:700;line-height:0;vertical-align:-.28em;color:hsla(0,0%,100%,.5);font-style:normal;margin:0 3px}.result-card-title{margin-top:2px;font-size:1.1rem;font-weight:800;color:var(--paper);line-height:1.35}.result-card-meta{margin-top:-7px;color:var(--muted);font-size:.82rem;letter-spacing:.02em}.result-card-watermark{position:absolute;z-index:1;bottom:16px;left:0;right:0;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.1em;color:hsla(0,3%,94%,.6)}.result-card-logo{position:absolute;z-index:1;right:16px;bottom:16px;width:20px;height:20px;object-fit:contain;opacity:.75}.card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:460px}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1 1 160px;min-width:160px;padding:12px 16px;border-radius:var(--radius-btn);font-size:.9rem;font-weight:700;letter-spacing:.02em;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.download-btn{background:var(--beam);color:#04262a}.download-btn:hover{transform:translateY(-2px)}.share-btn{background:var(--surface);color:var(--paper);border:1px solid var(--border)}.share-btn:hover{background:var(--surface-hover);transform:translateY(-2px)}.trailer-btn{background:var(--surface);color:var(--paper);border:1px solid var(--border);text-decoration:none}.trailer-btn:hover{background:var(--surface-hover)}.reset-btn{background:transparent;color:var(--muted);border:1px solid var(--border)}.reset-btn:hover{background:var(--surface);color:var(--paper);transform:translateY(-2px)}.title-detail{width:100%;max-width:560px;gap:22px;padding-top:8px}.title-detail,.title-detail-block{display:flex;flex-direction:column}.title-detail-block{gap:10px}.title-detail-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cat-color,var(--beam))}.title-detail-text{font-size:.92rem;color:var(--paper);opacity:.9;line-height:1.8}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);color:var(--paper);border-radius:var(--radius-chip);padding:6px 12px;font-size:.8rem}.tag-chip--link{color:var(--beam);text-decoration:none;transition:background var(--transition),border-color var(--transition)}.tag-chip--link:hover{background:var(--surface-hover);border-color:var(--beam)}.tag-chip--platform{border-color:rgba(255,189,89,.4);color:var(--lamp)}.tmdb-link{display:inline-flex;align-items:center;gap:6px;color:var(--beam);font-size:.9rem;font-weight:600;text-decoration:none}.tmdb-link:hover{text-decoration:underline}.lists-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.list-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--border);transition:transform var(--transition),box-shadow var(--transition)}.list-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.26)}.list-card-cover{position:relative;aspect-ratio:16/9;background-size:cover;background-position:50%;background-color:#0a1626;display:flex;align-items:flex-end;padding:14px}.list-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,56,.1),rgba(14,31,56,.9))}.list-card-title{position:relative;z-index:1;font-size:1.05rem;font-weight:800;color:var(--paper)}.list-card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}.list-card-desc{font-size:.85rem;color:var(--muted);line-height:1.5}.list-card-count{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:.78rem;color:var(--beam);font-weight:600}.list-card-arrow{transition:transform var(--transition)}.list-card:hover .list-card-arrow{transform:translateX(2px)}.list-curator{margin-top:4px;font-size:.85rem;color:var(--muted)}.title-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px}.title-grid-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.title-grid-poster{aspect-ratio:2/3;border-radius:12px;background-size:cover;background-position:50%;background-color:var(--surface);display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}.title-grid-card:hover .title-grid-poster{transform:translateY(-2px)}.title-grid-fallback{color:var(--muted);opacity:.5}.title-grid-name{font-size:.85rem;font-weight:700;color:var(--paper);line-height:1.3}.title-grid-quote{font-size:.75rem;color:var(--muted);font-style:italic;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 12px;animation:backdropIn .2s ease-out}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.share-modal{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-modal);padding:20px;display:flex;flex-direction:column;gap:12px;animation:modalSlideUp .25s ease-out;margin-bottom:12px}@keyframes modalSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:700;color:var(--paper)}.share-close{background:hsla(0,0%,100%,.08);color:var(--muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.share-close:hover{background:hsla(0,0%,100%,.16);color:var(--paper)}.share-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:12px 16px;border-radius:var(--radius-btn);background:hsla(0,0%,100%,.06);color:var(--paper);font-size:.9rem;font-weight:600;transition:background var(--transition)}.share-action-btn:hover{background:hsla(0,0%,100%,.12)}.share-action-primary{background:var(--beam);color:#04262a}.share-action-primary:hover{background:var(--beam);opacity:.9}.trailer-backdrop{position:fixed;inset:0;z-index:120;background:rgba(5,11,22,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:backdropIn .2s ease-out}.trailer-modal{position:relative;width:100%;max-width:880px}.trailer-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-card);overflow:hidden;background:#000;box-shadow:var(--shadow-card)}.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.trailer-close{position:absolute;top:-42px;right:0;width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1);border:1px solid var(--border);color:var(--paper);display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.trailer-close:hover{background:hsla(0,0%,100%,.18)}.inapp-overlay{position:fixed;inset:0;z-index:150;background:rgba(5,11,22,.94);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px calc(24px + env(safe-area-inset-bottom, 0px));animation:backdropIn .2s ease-out}.inapp-overlay-hint{display:inline-flex;align-items:center;gap:7px;background:rgba(0,194,203,.14);border:1px solid rgba(0,194,203,.38);color:var(--beam);border-radius:var(--radius-btn);padding:9px 16px;font-size:.88rem;font-weight:600;text-align:center;line-height:1.5}.inapp-overlay-img{max-width:min(88vw,380px);max-height:62vh;border-radius:var(--radius-card);box-shadow:var(--shadow-card);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:default}.inapp-overlay-close{background:hsla(0,0%,100%,.08);border:1px solid var(--border);color:var(--paper);border-radius:var(--radius-btn);padding:10px 28px;font-size:.88rem;font-weight:600;transition:background var(--transition)}.inapp-overlay-close:hover{background:hsla(0,0%,100%,.14)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;flex-direction:column;width:calc(100% - 32px);max-width:400px}.toast-container,.toast-item{display:flex;gap:8px;align-items:center}.toast-item{background:var(--surface);border:1px solid var(--border);color:var(--paper);padding:12px 18px;border-radius:12px;font-size:.88rem;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:toastIn .2s ease-out;cursor:pointer}.toast-item.toast-exit{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}.toast-success .toast-icon{color:var(--beam)}.toast-error .toast-icon{color:#ff8080}.toast-icon{display:flex;flex-shrink:0}.about-page{width:100%;max-width:720px;gap:40px}.about-hero,.about-page{display:flex;flex-direction:column}.about-title{font-size:clamp(1.75rem,4.4vw,2.4rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--paper)}.about-lead{margin-top:16px;font-size:1.05rem;line-height:1.85;color:var(--paper);opacity:.86;text-wrap:pretty}.about-sections{display:flex;flex-direction:column}.about-block{display:grid;grid-template-columns:180px 1fr;grid-gap:24px;gap:24px;padding:24px 0;border-top:1px solid var(--border)}.about-block:last-child{border-bottom:1px solid var(--border)}.about-block-title{font-size:.98rem;font-weight:700;color:var(--paper);line-height:1.7}.about-block-text{font-size:.93rem;color:var(--muted);line-height:1.85}.about-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.about-cta-text{font-size:1rem;color:var(--paper);font-weight:600}.about-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-btn);background:var(--beam);color:#04262a;font-weight:700;text-decoration:none;transition:transform var(--transition)}.about-cta-btn:hover{transform:translateY(-2px)}.inline-link{color:var(--beam);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.inline-link:hover{text-decoration-thickness:2px}.page-tmdb-notice{margin-top:8px;text-align:center;font-size:.72rem;color:hsla(0,3%,94%,.42)}.app-footer{position:relative;border-top:1px solid var(--border);padding:32px 20px 24px;background:rgba(10,22,38,.6)}.footer-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.footer-link{color:var(--muted);font-size:.88rem;text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--beam)}.footer-bottom{max-width:1080px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--border);text-align:center}.footer-copyright{font-size:.8rem;color:var(--muted)}.footer-heart{display:inline;color:var(--lamp);vertical-align:-.12em}.footer-copyright .footer-link{font-size:inherit}@media (max-width:900px){.home-hero{gap:36px}.app-split,.home-hero{grid-template-columns:1fr}.app-split .phone{display:none}}@media (max-width:768px){.header-right--desktop{display:none}.hamburger-btn{display:flex}.footer-grid,.steps{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.about-block{grid-template-columns:1fr;gap:6px}.newsletter{padding:24px 16px}}@media (max-width:560px){.category-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.spin-btn{min-width:0;width:100%}.phone{padding:0;box-shadow:none}.phone,.phone-screen{border-radius:var(--radius-card)}.phone-screen{min-height:0}.phone-tabbar{display:none}.app-split .feature-grid,.lists-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.action-btn{flex:1 1 auto}}@media (max-width:420px){.app-main{padding:24px 12px 36px}}