:root{--ss-bg: #0b1026;--ss-surface: #162040;--ss-surface-raised: #1d2a50;--ss-text: #fff8e7;--ss-text-muted: #8a9ab8;--ss-text-dim: #4a5a7a;--ss-warm: #f0a830;--ss-warm-light: #ffc04a;--ss-warm-glow: rgba(240, 168, 48, .15);--ss-orange: #ff6b2b;--ss-cool: #5a7aa8;--ss-nope: #2a3050;--ss-nope-light: #6a7a9a;--ss-star: #ffe4a0;--ss-border: #2a3a5a;--ss-card-radius: 12px}body{font-family:Nunito,system-ui,sans-serif;background:var(--ss-bg);color:var(--ss-text);margin:0;overflow-x:hidden}.ss-stars{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ss-stars span{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:ssTwinkle var(--dur, 3s) ease-in-out infinite var(--delay, 0s)}@keyframes ssTwinkle{0%,to{opacity:.15}50%{opacity:.8}}body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:50%;background:radial-gradient(ellipse at 50% 20%,rgba(240,168,48,.04) 0%,transparent 70%);pointer-events:none;z-index:0}@keyframes ssFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ssFadeUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ssSpin{to{transform:rotate(360deg)}}@keyframes ssPulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes ssSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ssToast{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes ssNeonPulse{0%,to{text-shadow:0 0 10px rgba(240,168,48,.6),0 0 30px rgba(240,168,48,.3),0 0 60px rgba(240,168,48,.1)}50%{text-shadow:0 0 14px rgba(240,168,48,.8),0 0 40px rgba(240,168,48,.4),0 0 80px rgba(240,168,48,.15)}}.ss-page{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;z-index:1}.ss-header{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ss-back{display:inline-flex;align-items:center;gap:.3rem;color:var(--ss-text-dim);text-decoration:none;font-size:.7rem;font-weight:600;letter-spacing:.02em;transition:color .15s}.ss-back:hover{color:var(--ss-text-muted)}.ss-back svg{width:14px;height:14px}.ss-header-right{display:flex;align-items:center;gap:.6rem}.ss-brand{font-family:Righteous,cursive;font-size:1.15rem;color:var(--ss-warm);letter-spacing:.02em;text-shadow:0 0 10px rgba(240,168,48,.6),0 0 30px rgba(240,168,48,.3),0 0 60px rgba(240,168,48,.1);animation:ssNeonPulse 4s ease-in-out infinite}.ss-main{flex:1;display:flex;flex-direction:column;padding:0 .75rem 1rem;min-height:0}.ss-app{flex:1;display:flex;flex-direction:column;gap:.6rem;animation:ssFadeIn .3s ease-out}.ss-toggles{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.ss-toggle{display:flex;gap:2px;background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:20px;padding:3px;flex-shrink:0}.ss-toggle-sm .ss-toggle-btn{padding:.3rem .75rem;font-size:.65rem;letter-spacing:.04em}.ss-toggle-btn{flex:1;padding:.45rem .75rem;border:none;border-radius:18px;background:transparent;color:var(--ss-text-dim);font-family:Nunito,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.35rem}.ss-toggle-icon{font-size:.85rem}.ss-toggle-btn.ss-toggle-active{background:linear-gradient(135deg,#f0a83026,#ff6b2b1a);color:var(--ss-warm);box-shadow:0 1px 6px #f0a8301a}.ss-toggle-btn:not(.ss-toggle-active):hover{color:var(--ss-text-muted)}.ss-card-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.ss-card{width:100%;border-radius:var(--ss-card-radius);overflow:hidden;cursor:grab;background:var(--ss-surface);border:1px solid var(--ss-border);box-shadow:0 2px 8px #0000004d,0 12px 40px #0003,0 0 30px #f0a83008;touch-action:pan-y;user-select:none;will-change:transform;position:relative;animation:ssFadeUp .3s ease-out}.ss-card:active{cursor:grabbing}.ss-trailer{width:100%;aspect-ratio:16/9;background:#000;position:relative;overflow:hidden;border-bottom:3px solid var(--ss-border)}.ss-trailer:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #0000004d;pointer-events:none;z-index:2}.ss-trailer-iframe{width:100%;height:100%;border:none;display:block}.ss-card-info{padding:.75rem .875rem .25rem}.ss-card-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.ss-card-title{font-family:Nunito,sans-serif;font-weight:800;font-size:1.1rem;line-height:1.2;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ss-text)}.ss-share-link{background:none;border:none;color:var(--ss-text-dim);font-family:Nunito,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.03em;cursor:pointer;white-space:nowrap;flex-shrink:0;padding:.2rem 0;transition:color .15s;text-decoration:none;border-bottom:1px solid transparent}.ss-share-link:hover{color:var(--ss-warm);border-bottom-color:var(--ss-warm)}.ss-card-meta{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.75rem;color:var(--ss-text-muted)}.ss-card-year{color:var(--ss-text-muted);font-variant-numeric:tabular-nums}.ss-card-rating{color:var(--ss-star)}.ss-card-dot{opacity:.3}.ss-card-genres{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ss-text-dim)}.ss-card-overview{font-size:.78rem;color:var(--ss-text-muted);line-height:1.5;margin-top:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ss-card-actions{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem .75rem}.ss-btn{border:none;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.03em;transition:transform .1s,background .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.ss-btn:active{transform:scale(.95)}.ss-btn-nope{flex:1;padding:.65rem 1rem;background:var(--ss-surface-raised);color:var(--ss-text-muted);border-radius:20px;font-size:.8rem;border:1px solid var(--ss-border)}.ss-btn-nope:hover{background:var(--ss-nope);color:var(--ss-text);border-color:var(--ss-nope-light)}.ss-btn-yes{flex:1;padding:.65rem 1rem;background:linear-gradient(135deg,var(--ss-warm),var(--ss-orange));color:#1a0a00;border-radius:20px;font-size:.8rem;box-shadow:0 0 16px #f0a83033}.ss-btn-yes:hover{background:linear-gradient(135deg,var(--ss-warm-light),var(--ss-orange));box-shadow:0 0 24px #f0a8304d}.ss-btn-retry{padding:.65rem 1.5rem;background:linear-gradient(135deg,var(--ss-warm),var(--ss-orange));color:#1a0a00;border-radius:20px;font-size:.8rem;box-shadow:0 0 12px #f0a83026}.ss-btn-retry:hover{background:linear-gradient(135deg,var(--ss-warm-light),var(--ss-orange))}.ss-swipe-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;border-radius:var(--ss-card-radius)}.ss-overlay-yes{background:#f0a8301a}.ss-overlay-nope{background:#2a305033}.ss-overlay-label{font-family:Fredoka,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ss-label-yes{color:var(--ss-warm);transform:rotate(-12deg);border:3px solid var(--ss-warm);padding:.15rem .75rem;border-radius:12px;background:#0b102699;text-shadow:0 0 12px rgba(240,168,48,.4)}.ss-label-nope{color:var(--ss-nope-light);transform:rotate(12deg);border:3px solid var(--ss-nope-light);padding:.15rem .75rem;border-radius:12px;background:#0b102699}.ss-countdown-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1026e0;z-index:15;border-radius:var(--ss-card-radius);animation:ssFadeIn .3s ease-out}.ss-countdown-leader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.ss-countdown-svg{position:absolute;inset:0;width:100%;height:100%;color:var(--ss-warm);transform:rotate(-90deg)}.ss-countdown-arc{transition:stroke-dashoffset 1s linear}.ss-countdown-number{font-family:Righteous,cursive;font-size:3rem;color:var(--ss-warm);line-height:1;position:relative;z-index:1;text-shadow:0 0 20px rgba(240,168,48,.4)}.ss-countdown-label{font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-text-muted);margin-top:.75rem}.ss-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.ss-spinner{width:32px;height:32px;border:2px solid var(--ss-border);border-top-color:var(--ss-warm);border-radius:50%;animation:ssSpin .8s linear infinite}.ss-loading-text{font-size:.8rem;color:var(--ss-text-dim);font-family:Nunito,sans-serif;font-weight:600;letter-spacing:.04em;animation:ssPulse 1.5s ease-in-out infinite}.ss-error-state,.ss-empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2rem}.ss-error{background:#f0a83014;color:var(--ss-warm-light);border:1px solid rgba(240,168,48,.15);border-radius:12px;padding:.65rem 1rem;font-size:.8rem}.ss-empty-text{color:var(--ss-text-muted);font-size:.85rem}.ss-report-link{margin-top:1rem;font-size:.7rem;color:var(--ss-text-muted);opacity:.5;text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:opacity .2s}.ss-report-link:hover{opacity:.8}.ss-report-link:disabled{opacity:.7;text-decoration:none;cursor:default}.ss-footer{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.ss-skip{background:none;border:none;color:var(--ss-text-dim);font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:.35rem .75rem;border-radius:12px;transition:color .15s,background .15s}.ss-skip:hover{color:var(--ss-text-muted);background:var(--ss-surface)}.ss-hint{text-align:center;font-size:.6rem;color:var(--ss-text-dim);letter-spacing:.06em;font-family:Nunito,sans-serif;font-weight:600;opacity:.6}.ss-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--ss-surface-raised);color:var(--ss-warm);font-family:Nunito,sans-serif;font-size:.8rem;font-weight:700;padding:.5rem 1.25rem;border-radius:20px;border:1px solid var(--ss-border);box-shadow:0 4px 16px #0006,0 0 12px #f0a8301a;z-index:100;animation:ssToast 2s ease-in-out forwards;pointer-events:none}.ss-liked-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--ss-text-dim);cursor:pointer;padding:.25rem;border-radius:6px;transition:color .15s,transform .15s;position:relative}.ss-liked-btn svg{width:18px;height:18px}.ss-liked-btn:hover{color:var(--ss-orange);transform:scale(1.1)}.ss-liked-count{font-family:Nunito,sans-serif;font-size:.65rem;font-weight:700;color:var(--ss-text-muted);min-width:1em}.ss-liked{flex:1;display:flex;flex-direction:column;min-height:0;animation:ssFadeIn .2s ease-out}.ss-liked-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--ss-border);margin-bottom:.5rem;flex-shrink:0}.ss-liked-back{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--ss-text-dim);font-family:Nunito,sans-serif;font-size:.75rem;font-weight:700;cursor:pointer;padding:.25rem 0;transition:color .15s}.ss-liked-back:hover{color:var(--ss-warm)}.ss-liked-back svg{width:14px;height:14px}.ss-liked-title{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:var(--ss-text);margin:0;flex:1}.ss-liked-count{font-family:Nunito,sans-serif;font-size:.7rem;font-weight:700;color:var(--ss-text-dim);background:var(--ss-surface);padding:.15rem .5rem;border-radius:10px}.ss-liked-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--ss-text-muted);font-size:.85rem;text-align:center;padding:2rem}.ss-liked-empty-hint{font-size:.75rem;color:var(--ss-text-dim)}.ss-liked-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.ss-liked-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--ss-border);animation:ssSlideIn .15s ease-out}.ss-liked-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.ss-liked-item-title{font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;color:var(--ss-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-liked-item-meta{font-size:.7rem;color:var(--ss-text-dim)}.ss-liked-remove{background:none;border:none;color:var(--ss-text-dim);cursor:pointer;padding:.35rem;border-radius:8px;transition:color .15s,background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ss-liked-remove:hover{color:var(--ss-orange);background:#ff6b2b1a}.ss-liked-remove svg{width:16px;height:16px}@media(min-width:600px){.ss-page{max-width:640px;padding:0 1rem}.ss-card-info{padding:1rem 1.25rem .35rem}.ss-card-actions{padding:.5rem 1.25rem 1rem}.ss-card-title{font-size:1.3rem}.ss-card-overview{-webkit-line-clamp:3}}@media(min-width:900px){.ss-page{max-width:760px}}@media(prefers-reduced-motion:reduce){.ss-card{animation:none}.ss-spinner{animation:none;border-top-color:var(--ss-warm)}.ss-loading-text{animation:none}.ss-stars span{animation:none;opacity:.3}.ss-brand{animation:none}}