@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=Golos+Text:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1612;--bg-elevated:#241e18;--bg-card:#2a2318;--text:#f0e8df;--text-muted:#9a8e80;--text-dim:#5c5349;--accent:#e8a012;--accent-glow:#e8a01226;--border:#f0e8df14;--border-active:#e8a01266;--radius:14px;--font-display:"Unbounded", cursive;--font-body:"Golos Text", sans-serif}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}#root{max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 32px;position:relative}#root:before,#root:after{content:"";z-index:10;pointer-events:none;width:24px;height:24px;position:fixed}#root:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:8px;left:8px}#root:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:8px;right:8px}.loading{min-height:60vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.home h1{font-family:var(--font-display);color:var(--accent);letter-spacing:.04em;margin-bottom:4px;font-size:32px;font-weight:900}.home .subtitle{color:var(--text-muted);margin-bottom:28px;font-size:15px}.empty{color:var(--text-dim);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:48px 24px;font-size:15px}.topics-list{flex-direction:column;gap:12px;display:flex}.topic-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;gap:4px;width:100%;padding:18px 20px;transition:border-color .15s ease-out,background .15s ease-out;display:flex}.topic-card:active{background:var(--bg-elevated);border-color:var(--border-active)}.topic-title{font-family:var(--font-display);font-size:18px;font-weight:700}.topic-subtitle{color:var(--text-muted);font-size:14px}.topic-meta{color:var(--text-dim);margin-top:4px;font-size:12px}.topic-screen{position:relative}.back-btn{color:var(--accent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:4px 0;font-size:14px;font-weight:600}.topic-screen h2{font-family:var(--font-display);margin-bottom:4px;font-size:26px;font-weight:900;line-height:1.2}.topic-screen .subtitle{color:var(--text-muted);margin-bottom:24px;font-size:15px}.slots{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.slot{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;min-height:52px;padding:14px 16px;transition:border-color .15s ease-out,background .15s ease-out;display:flex}.slot.filled{background:var(--bg-card);border-color:var(--border)}.slot.active{border-color:var(--accent);background:var(--accent-glow)}.slot.empty:not(.active){border-style:dashed}.slot-num{font-family:var(--font-display);color:var(--text-dim);text-align:center;flex-shrink:0;min-width:28px;font-size:20px;font-weight:700}.slot.filled .slot-num{color:var(--text-muted)}.slot:last-child .slot-num,.slot:last-child.filled .slot-num{color:var(--accent);font-weight:900}.slot-title{color:var(--text);flex:1;font-size:15px;font-weight:600}.slot-input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.slot-input::placeholder{color:var(--text-dim)}.slot-placeholder{color:var(--text-dim);cursor:pointer;flex:1;font-size:14px}.slot-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1;transition:color .1s}.slot-remove:active{color:#d45050}.searching{text-align:center;color:var(--text-dim);padding:8px;font-size:13px}.search-results{border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;margin:2px 0 8px;display:flex;overflow:hidden}.search-item{background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:14px;transition:background .1s;display:flex}.search-item:last-child{border-bottom:none}.search-item:active{background:var(--bg-card)}.year{color:var(--text-dim);flex-shrink:0;margin-left:8px;font-size:12px}.submit-btn{background:var(--accent);border-radius:var(--radius);width:100%;color:var(--bg);font-family:var(--font-display);cursor:pointer;letter-spacing:.02em;border:none;padding:16px;font-size:16px;font-weight:700;transition:opacity .15s}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:active:not(:disabled){opacity:.85}.result-screen{text-align:center}.result-screen h2{font-family:var(--font-display);margin-bottom:16px;font-size:24px;font-weight:900}.result-card{border-radius:var(--radius);width:100%;max-width:400px;margin-bottom:20px}.result-actions{justify-content:center;gap:10px;display:flex}.action-btn{background:var(--accent);border-radius:var(--radius);color:var(--bg);font-family:var(--font-body);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .15s}.action-btn:active{opacity:.85}.action-btn.secondary{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.3s ease-out both fadeIn}.slide-in{animation:.2s ease-out both slideIn}.submit-btn.pulse{animation:2s ease-in-out infinite pulse}.topic-card{animation:.3s ease-out both fadeIn}.skeleton-list{flex-direction:column;gap:12px;display:flex}.skeleton-card{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius);background-size:200% 100%;height:80px;animation:1.5s ease-in-out infinite shimmer}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:48px 24px}.empty-icon{font-family:var(--font-display);color:var(--accent);opacity:.3;margin-bottom:16px;font-size:64px;font-weight:900}.empty-title{font-family:var(--font-display);margin-bottom:8px;font-size:16px;font-weight:700}.empty-text{color:var(--text-muted);font-size:14px;line-height:1.5}.error-state{text-align:center;padding:48px 24px}.error-text{color:#d45050;margin-bottom:16px;font-size:15px}.error-inline{color:#d45050;text-align:center;margin-bottom:12px;font-size:13px}.onboarding{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:32px;display:flex}.onboarding-icon{font-family:var(--font-display);color:var(--accent);margin-bottom:16px;font-size:96px;font-weight:900;line-height:1}.onboarding-title{font-family:var(--font-display);color:var(--accent);margin-bottom:20px;font-size:28px;font-weight:900}.onboarding-text{color:var(--text-muted);margin-bottom:40px;font-size:16px;line-height:1.8}.onboarding-btn{padding:14px 48px;font-size:16px}.poster-img{object-fit:cover;border-radius:4px;flex-shrink:0}.poster-placeholder{background:var(--bg-elevated);border-radius:4px;flex-shrink:0}.search-item{gap:10px}.search-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pick-counter{font-family:var(--font-display);margin-bottom:16px}.pick-count{color:var(--accent);font-size:32px;font-weight:900}.pick-total{color:var(--text-dim);font-size:20px;font-weight:400}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}