@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Unbounded:wght@700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f8f7f4;background:#08080a;font-synthesis:none;--red: #ff405c;--cream: #f4efdf}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#08080a}button,input{font:inherit}button{color:inherit}.app{min-height:100dvh;max-width:680px;margin:0 auto;overflow:hidden;position:relative;padding:max(20px,env(safe-area-inset-top)) 18px max(26px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 18%,#28222a 0,#121216 35%,#08080a 68%)}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.eyebrow{display:block;color:#8e8d94;font-weight:800;letter-spacing:.18em;font-size:10px}.topbar h1{font:800 22px/1.1 Unbounded,sans-serif;margin:5px 0 0;letter-spacing:-.04em}.avatar{width:42px;height:42px;border:1px solid #ffffff24;border-radius:50%;background:linear-gradient(145deg,#ff7d59,#e52c6d);font-weight:800;box-shadow:0 7px 25px #e8335f3a}.freshness-banner{position:relative;z-index:2;width:100%;margin:18px 0 0;padding:12px 15px;border:1px solid #ffb44b3d;background:linear-gradient(90deg,#3b2617cc,#261a17aa);border-radius:14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px}.freshness-banner span{font-size:11px;color:#bea998}.freshness-banner b{color:#ffc56f;font-size:11px}.hero{display:flex;flex-direction:column;align-items:center}.wheel-stage{width:min(90vw,500px);aspect-ratio:1;position:relative;margin-top:clamp(15px,4vh,36px);display:grid;place-items:center}.wheel-glow{position:absolute;inset:9%;border-radius:50%;box-shadow:0 0 80px 12px #ff486033,0 0 180px 20px #8a5cff1e}.wheel{width:88%;height:88%;border-radius:50%;position:relative;overflow:hidden;background:#17181e;transition:transform 5.4s cubic-bezier(.11,.72,.06,1);box-shadow:inset 0 0 0 5px #eae2ce,inset 0 0 0 8px #252329,0 25px 65px #000a,0 0 0 1px #ffffff30;will-change:transform}.wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 44%,#00000010 58%,#00000055 100%),linear-gradient(120deg,#ffffff32,transparent 25%,transparent 68%,#0004);pointer-events:none}.wheel-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.wheel-label{position:absolute;z-index:2;left:50%;top:calc(50% - 9px);width:46%;height:18px;padding-left:15%;padding-right:2%;display:flex;align-items:center;transform-origin:0 50%;overflow:hidden;pointer-events:none}.wheel-label span{display:block;width:100%;min-width:0;color:#101014;text-shadow:0 1px #fff7;font-size:clamp(7.5px,1.55vw,9.5px);line-height:18px;letter-spacing:-.035em;font-weight:800;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wheel-label span.on-dark{color:#fff;text-shadow:0 1px 2px #0009}.wheel-hub{position:absolute;inset:36%;border-radius:50%;background:linear-gradient(145deg,#26252b,#08080b);border:4px solid #efe8d8;box-shadow:0 5px 18px #000a,inset 0 0 0 2px #ffffff1f;display:grid;place-items:center;z-index:4}.wheel-hub div{width:70%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(18px,6vw,32px);background:radial-gradient(circle at 35% 25%,#ff7a6c,#b5164d);box-shadow:inset 0 1px #fff6}.pointer{position:absolute;z-index:7;top:1%;left:50%;transform:translate(-50%);width:42px;height:72px;filter:drop-shadow(0 8px 8px #0009)}.pointer:before{content:"";position:absolute;z-index:2;top:0;left:5px;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#fff9ed,#bdb7aa);box-shadow:inset 0 0 0 4px #1b1a1e}.pointer span{position:absolute;z-index:1;top:22px;left:8px;width:26px;height:42px;background:linear-gradient(#ff5c6e,#d51950);clip-path:polygon(50% 100%,0 0,100% 0)}.is-moving .pointer{animation:pointerTick .16s ease-in-out infinite alternate;transform-origin:50% 15%}@keyframes pointerTick{to{transform:translate(-50%) rotate(8deg)}}.wheel-empty{position:absolute;z-index:6;text-align:center;display:flex;flex-direction:column;gap:5px;pointer-events:none}.wheel-empty b{font:800 19px Unbounded}.wheel-empty span{color:#9b99a1;font-size:12px}.wheel-ticker{position:absolute;z-index:8;left:50%;top:94%;transform:translate(-50%);width:min(82%,390px);min-height:48px;padding:7px 18px 8px;overflow:hidden;border:1px solid #ffffff22;border-radius:15px;background:linear-gradient(135deg,#242329e8,#101014ee);box-shadow:0 12px 30px #0009,inset 0 1px #ffffff0e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;pointer-events:none}.wheel-ticker small{display:block;color:#77757d;font-size:7px;line-height:1;font-weight:800;letter-spacing:.17em}.wheel-ticker span{display:block;margin-top:5px;overflow:hidden;color:#f5f1e8;font-size:clamp(11px,2.8vw,14px);line-height:1.2;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.pool-line{display:flex;gap:8px;align-items:center;color:#aaa8ae;font-size:12px;margin-top:25px}.status-dot{width:6px;height:6px;border-radius:50%;background:#63db91;box-shadow:0 0 10px #63db91}.main-actions{width:100%;display:grid;grid-template-columns:74px 1fr 74px;align-items:center;gap:10px;margin-top:20px}.filter-button{height:58px;border:1px solid #ffffff1f;background:#ffffff0c;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}.filter-button span{font-size:19px}.filter-button b{font-size:9px;color:#aaa8ae}.filter-button i{position:absolute;top:6px;right:7px;background:var(--red);width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font: 800 9px Manrope}.spin-button,.primary{border:0;background:linear-gradient(135deg,#ff4c64,#d51d55);box-shadow:0 13px 35px #dc244e5e,inset 0 1px #fff5}.spin-button{height:68px;border-radius:24px;font:800 17px Unbounded;display:flex;justify-content:center;align-items:center;gap:12px;letter-spacing:.02em}.spin-button i{font: 30px Manrope}.spin-button:disabled{opacity:.5;box-shadow:none}.metadata-progress{margin:18px auto 0;width:fit-content;display:flex;gap:10px;align-items:center;color:#d4d0ca}.metadata-progress div{display:flex;flex-direction:column}.metadata-progress b{font-size:11px}.metadata-progress small{color:#77757c;font-size:10px}.spinner{width:20px;height:20px;border:2px solid #ffffff1f;border-top-color:var(--red);border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.import-info{text-align:center;color:#5d5c62;font-size:10px;margin-top:13px}.file-input{display:none}.toast{position:fixed;z-index:40;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100vw - 30px),520px);border:1px solid #ffffff1f;background:#25242aed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:13px 15px;border-radius:14px;display:flex;justify-content:space-between;font-size:12px;box-shadow:0 10px 40px #0008}.sheet-backdrop,.result-backdrop{position:fixed;z-index:30;inset:0;background:#000a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:flex-end;justify-content:center}.filter-sheet{width:min(100%,680px);max-height:88dvh;overflow:auto;background:linear-gradient(160deg,#242329,#111115 60%);border-radius:28px 28px 0 0;padding:10px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -20px 70px #000a}.sheet-handle{width:38px;height:4px;border-radius:3px;background:#ffffff30;margin:0 auto 17px}.filter-sheet header{display:flex;justify-content:space-between;align-items:center}.filter-sheet h2{margin:5px 0 0;font:800 25px Unbounded}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff1a;background:#ffffff0c}.field-label{display:block;margin:23px 0 9px;color:#9e9ca3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #ffffff1a;border-radius:999px;padding:9px 12px;background:#ffffff08;font-size:12px}.chip small{margin-left:7px;color:#737178}.chip.active{border-color:#ff526b;background:#ff405c20;color:#ff8394}.genre-chips{max-height:124px;overflow:auto}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.field-grid label span{display:block;color:#9e9ca3;font-size:11px;font-weight:700;margin-bottom:7px}.field-grid input{width:100%;border:1px solid #ffffff18;background:#08080a66;color:#fff;border-radius:12px;padding:11px;outline:none}.field-grid input:focus{border-color:#ff526b}.segmented{display:grid;grid-template-columns:repeat(4,1fr);padding:3px;border-radius:13px;background:#08080a99;border:1px solid #ffffff0c}.segmented button{padding:9px 3px;border:0;background:transparent;border-radius:10px;font-size:11px;color:#8c8a92}.segmented button.active{color:#fff;background:#38363d;box-shadow:0 3px 12px #0006}.segmented.disabled{opacity:.45}.hint{color:#77757e;font-size:10px;line-height:1.5}.primary{color:#fff;padding:14px 18px;border-radius:15px;font-weight:800}.primary.compact{width:100%;margin-top:23px}.result-backdrop{align-items:center;padding:18px;animation:fadeIn .32s ease}@keyframes fadeIn{0%{opacity:0}}.movie-card{width:min(100%,460px);max-height:92dvh;overflow:auto;position:relative;background:#17171b;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 30px 100px #000;animation:cardUp .55s cubic-bezier(.17,.89,.3,1.25)}@keyframes cardUp{0%{transform:translateY(50px) scale(.94);opacity:0}}.close-card{position:absolute;z-index:3;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff26;background:#0b0b0dbb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poster{min-height:480px;border-radius:27px 27px 0 0;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}.poster-fallback{margin:auto;font-size:80px;opacity:.4}.movie-copy{width:100%;padding:28px 24px 20px}.movie-copy .eyebrow{color:#ff7185}.movie-copy h1{font:800 clamp(25px,7vw,37px)/1.05 Unbounded;letter-spacing:-.05em;margin:9px 0}.original{color:#aaa8ae;margin:0 0 12px;font-size:12px}.facts{display:flex;gap:8px}.facts span{padding:6px 9px;border-radius:8px;background:#ffffff14;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overview{margin:17px 24px;color:#b7b5ba;line-height:1.55;font-size:13px}.card-actions{padding:10px 24px 24px;display:grid;grid-template-columns:1fr auto;gap:10px}.secondary{display:grid;place-items:center;color:#ddd9d2;text-decoration:none;border:1px solid #ffffff20;padding:0 15px;border-radius:15px;font-size:12px;font-weight:700}.poster.no-poster{min-height:330px;background:radial-gradient(circle at 50% 30%,#2a2830,#15151a 70%)}.loading-screen{display:grid;place-items:center;align-content:center;gap:15px}.brand-mark{width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#ff6c64,#c51e5b);font-size:34px;box-shadow:0 20px 50px #cf26555c}.loading-screen p{color:#8e8c93;font-size:12px}@media(max-height:720px){.wheel-stage{width:min(72vh,88vw);margin-top:4px}.freshness-banner,.main-actions{margin-top:10px}.poster{min-height:390px}}@media(min-width:700px){.app{min-height:100vh;border-left:1px solid #ffffff10;border-right:1px solid #ffffff10}.sheet-backdrop,.result-backdrop{align-items:center}.filter-sheet{border-radius:28px;max-height:90vh;padding-bottom:24px}}@media(prefers-reduced-motion:reduce){.wheel{transition-duration:.8s}.is-moving .pointer{animation:none}}