*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff7fb;background:radial-gradient(circle at 18% 8%,rgba(0,217,255,.28),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,39,146,.24),transparent 30%),linear-gradient(145deg,#080710,#21051a 46%,#061627);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;font:inherit}.app-shell{position:relative;display:flex;justify-content:center;min-height:100vh;padding:16px 12px;overflow:hidden}.phone-frame{position:relative;z-index:1;width:min(100%,430px);min-width:min(100%,375px);min-height:calc(100vh - 32px)}.screen{min-height:calc(100vh - 32px);padding:20px}.bubble-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;bottom:-64px;display:block;border:1px solid rgba(92,225,255,.62);border-radius:999px;background:#ffffff12;box-shadow:inset 0 0 12px #ffffff4d,0 0 18px #5ce1ff3d;animation:bubble-rise linear infinite}@keyframes bubble-rise{0%{transform:translateZ(0) scale(.72);opacity:0}14%{opacity:.85}to{transform:translate3d(18px,-112vh,0) scale(1.25);opacity:0}}.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.brand-row,.quiz-top{display:flex;align-items:center;justify-content:space-between;width:100%;color:#70e8ff;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-row i{width:44px;height:2px;background:linear-gradient(90deg,#70e8ff,#ff2da1);box-shadow:0 0 16px #70e8ff}.glass-hero{display:grid;justify-items:center;filter:drop-shadow(0 0 32px rgba(255,45,161,.32))}.glass-bowl{position:relative;width:136px;height:158px;border:2px solid rgba(255,255,255,.58);border-radius:20px 20px 56px 56px;overflow:hidden;background:#ffffff0d}.liquid{position:absolute;inset:auto -20px 0;height:68%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.55),transparent 16%),linear-gradient(160deg,#7a0536,#e0167e 48%,#12d8ff);animation:liquid-rise 2.3s ease-out both,liquid-wave 3.4s ease-in-out infinite}.shine{position:absolute;top:18px;left:22px;width:18px;height:94px;border-radius:999px;background:#ffffff47}.glass-stem{width:12px;height:44px;background:#ffffff8f}.glass-base{width:92px;height:12px;border-radius:999px;background:#ffffff85}@keyframes liquid-rise{0%{height:18%}to{height:68%}}@keyframes liquid-wave{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-5px)}}h1,h2,h3,p{margin:0}h1{max-width:7em;font-size:clamp(44px,13vw,60px);line-height:.96;letter-spacing:0;text-shadow:0 0 24px rgba(255,45,161,.52),0 0 42px rgba(18,216,255,.24)}.lead{max-width:310px;color:#fff7fbc7;font-size:15px;line-height:1.8}.primary-button,.ghost-button,.panic-button,.share-button,.poster-preview a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:0 22px;cursor:pointer;font-weight:900;text-decoration:none;transition:transform .18s ease,opacity .18s ease}.primary-button{background:linear-gradient(135deg,#ff2d80,#7c3dff 54%,#00d9ff);box-shadow:0 14px 34px #ff2d8047,inset 0 0 16px #ffffff2e}.primary-button.compact{min-height:44px;padding-inline:16px}.primary-button:active,.ghost-button:active{transform:translateY(2px) scale(.99)}.primary-button:disabled{cursor:wait;opacity:.65}.ghost-button{border:1px solid rgba(112,232,255,.48);background:#ffffff12}.panic-button{min-height:42px;border:1px solid rgba(255,138,196,.38);background:#ff2d8014;color:#fff7fbd1;font-size:14px}.panic-button:active,.share-button:active{transform:translateY(2px) scale(.99)}.safety-text{color:#fff7fb94;font-size:12px;line-height:1.6}.intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.intro-stage{position:relative;width:220px;height:220px;display:grid;place-items:center;filter:drop-shadow(0 0 30px rgba(255,45,128,.28))}.intro-stage:before{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(112,232,255,.22);border-radius:50%;background:conic-gradient(from 60deg,#70e8ff29,#ff2d8033,#7c3dff2e,#70e8ff29);content:"";animation:scene-spin 5s linear infinite}.intro-bottle,.intro-glass,.intro-dna{position:absolute}.intro-bottle{right:52px;top:36px;width:28px;height:96px;border:2px solid rgba(112,232,255,.7);border-radius:12px 12px 8px 8px;background:linear-gradient(to top,#70e8ff7a 0,#70e8ff7a 58%,#ffffff14 59%)}.intro-bottle:before{position:absolute;top:-22px;left:8px;width:9px;height:22px;border:2px solid rgba(112,232,255,.7);border-bottom:0;border-radius:6px 6px 0 0;content:""}.intro-glass{left:52px;bottom:42px;width:58px;height:76px;border:2px solid rgba(255,255,255,.58);border-radius:10px 10px 24px 24px;background:linear-gradient(to top,rgba(255,45,128,.78) 0 54%,transparent 55%),#ffffff0d}.intro-dna{width:128px;height:128px;border-radius:50%}.intro-dna span{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff7fb;box-shadow:0 0 16px currentColor}.intro-dna span:nth-child(1){left:56px;top:0;color:#70e8ff}.intro-dna span:nth-child(2){right:0;top:56px;color:#ff8ac4}.intro-dna span:nth-child(3){left:56px;bottom:0;color:#7c3dff}.intro-dna span:nth-child(4){left:0;top:56px;color:#fff7fb}.intro-screen h2{font-size:30px;text-shadow:0 0 24px rgba(255,45,128,.42)}.intro-screen p{max-width:300px;color:#fff7fbc2;line-height:1.75}.intro-progress{width:min(100%,280px);height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.intro-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70e8ff,#ff2d80,#7c3dff);box-shadow:0 0 18px #70e8ff80}.quiz-screen{display:flex;flex-direction:column;gap:18px}.progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d9ff,#ff2d80);box-shadow:0 0 18px #00d9ff94}.question-card,.result-card{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(155deg,#ffffff24,#ffffff0d);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.question-card{position:relative;display:flex;flex:1;flex-direction:column;gap:18px;padding:22px;overflow:hidden}.question-scene{position:relative;height:92px;margin:-4px -4px 0;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:radial-gradient(circle at 22% 22%,rgba(112,232,255,.32),transparent 25%),radial-gradient(circle at 78% 34%,rgba(255,45,128,.24),transparent 24%),linear-gradient(135deg,#ffffff14,#ffffff05)}.scene-glass,.scene-bottle,.scene-disc,.scene-spark{position:absolute;display:block}.scene-glass{left:24px;bottom:13px;width:42px;height:56px;border:2px solid rgba(255,255,255,.54);border-radius:8px 8px 18px 18px;background:linear-gradient(to top,rgba(255,45,128,.7) 0 48%,transparent 49%),#ffffff0a;box-shadow:0 0 24px #ff2d803d}.scene-bottle{right:34px;bottom:12px;width:25px;height:70px;border:2px solid rgba(112,232,255,.58);border-radius:10px 10px 7px 7px;background:linear-gradient(to top,#70e8ff70 0,#70e8ff70 58%,#ffffff14 59%);transform:rotate(8deg)}.scene-bottle:before{position:absolute;top:-17px;left:7px;width:8px;height:17px;border:2px solid rgba(112,232,255,.58);border-bottom:0;border-radius:5px 5px 0 0;content:""}.scene-disc{left:50%;top:20px;width:48px;height:48px;border:3px solid rgba(255,255,255,.12);border-radius:50%;background:radial-gradient(circle,#fff7fb 0 4px,transparent 5px),conic-gradient(from 0deg,#70e8ffb3,#ff2d80b3,#7c3dffc2,#70e8ffb3);animation:scene-spin 5s linear infinite}.scene-spark{width:8px;height:8px;border-radius:2px;background:#fff7fb;box-shadow:0 0 14px currentColor;transform:rotate(45deg)}.scene-spark-1{left:82px;top:20px;color:#70e8ff}.scene-spark-2{right:86px;bottom:22px;color:#ff8ac4}.scene-2 .scene-glass{left:46px;height:46px;border-radius:50% 50% 16px 16px;background:linear-gradient(to top,rgba(112,232,255,.62) 0 40%,transparent 41%),#ffffff0a}.scene-3 .scene-disc{width:70px;height:20px;border-radius:999px;transform:rotate(-8deg);animation:scene-float 2.6s ease-in-out infinite}.scene-4 .scene-bottle{right:62px;transform:rotate(-14deg)}.scene-5 .scene-glass{width:58px;height:42px;border-radius:999px 999px 18px 18px}.scene-6 .scene-disc{left:42%;border-radius:14px;transform:rotate(12deg)}.scene-7 .scene-bottle{height:54px;border-radius:50% 50% 9px 9px}.scene-8 .scene-glass{transform:rotate(-10deg)}.scene-8 .scene-bottle{transform:rotate(16deg)}@keyframes scene-spin{to{rotate:360deg}}@keyframes scene-float{0%,to{translate:0 0}50%{translate:0 -8px}}.question-label{color:#ff8ac4;font-size:12px;font-weight:900}.question-card h2{min-height:126px;font-size:26px;line-height:1.28}.option-list{display:grid;gap:12px;margin-top:auto}.option-button{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;min-height:58px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:10px 13px;background:#0a0914a3;color:#fff7fbe6;text-align:left;line-height:1.45}.option-button:disabled{cursor:wait;opacity:.72}.option-button span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#70e8ff26;color:#70e8ff;font-weight:900}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.loading-oracle{position:relative;display:grid;place-items:center;width:156px;height:156px}.scan-ring{position:absolute;width:136px;height:136px;border:3px solid rgba(255,255,255,.1);border-top-color:#70e8ff;border-right-color:#ff2d80;border-radius:50%;box-shadow:0 0 36px #70e8ff47}.oracle-face{position:relative;width:76px;height:96px;border:1px solid rgba(255,255,255,.2);border-radius:44% 44% 50% 50%;background:radial-gradient(circle at 34% 36%,#70e8ff 0 4px,transparent 5px),radial-gradient(circle at 66% 36%,#ff8ac4 0 4px,transparent 5px),linear-gradient(160deg,#ff2d8070,#00d9ff2e);box-shadow:inset 0 -16px 28px #0000004d,0 0 34px #ff2d8047}.oracle-face span{position:absolute;left:24px;top:58px;width:28px;height:7px;border-radius:999px;background:#ffffffb8}.loading-screen h2{font-size:24px}.loading-progress{width:min(100%,286px);height:9px;overflow:hidden;border:1px solid rgba(112,232,255,.28);border-radius:999px;background:#ffffff14}.loading-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#70e8ff,#ff2d80,#7c3dff);box-shadow:0 0 18px #70e8ff80;transition:width .12s linear}.progress-text{color:#70e8ff;font-size:13px;line-height:1.45}.loading-screen p{max-width:280px;color:#fff7fba8;font-size:13px;line-height:1.7}.loading-bars{display:flex;align-items:end;gap:7px;height:34px}.loading-bars span{width:7px;height:30px;border-radius:999px;background:linear-gradient(180deg,#70e8ff,#ff2d80);transform-origin:bottom}.result-screen{padding-inline:14px}.result-card{display:grid;justify-items:center;gap:14px;padding:18px;text-align:center}.level-avatar{position:relative;display:grid;place-items:center;width:132px;height:150px;margin-top:-2px;isolation:isolate}.poster-avatar{margin:36px auto 0;transform:scale(1.15)}.avatar-aura,.avatar-prop,.avatar-head,.avatar-core,.avatar-base{position:absolute;display:block}.avatar-aura{top:14px;right:6px;bottom:18px;left:6px;border-radius:50%;background:conic-gradient(from 120deg,#70e8ff,#ff2d80,#7c3dff,#70e8ff);filter:blur(12px);opacity:.62;animation:avatar-pulse 2.8s ease-in-out infinite}.avatar-head{top:14px;z-index:2;width:74px;height:70px;border:1px solid rgba(255,255,255,.32);border-radius:44% 56% 50% 42%;background:radial-gradient(circle at 34% 39%,#fff 0 3px,transparent 4px),radial-gradient(circle at 65% 38%,#fff 0 3px,transparent 4px),linear-gradient(145deg,#ffffff42,#ffffff0f);box-shadow:inset 0 -12px 24px #00000047,0 0 24px #70e8ff38;animation:avatar-float 3s ease-in-out infinite}.avatar-head span{position:absolute;top:27px;width:12px;height:12px;border-radius:50%;background:#100817;box-shadow:0 0 10px currentColor}.avatar-head .eye-left{left:20px;color:#70e8ff}.avatar-head .eye-right{right:20px;color:#ff8ac4}.avatar-head i{position:absolute;left:28px;top:48px;width:20px;height:6px;border-radius:999px;background:#ffffffc2}.avatar-core{top:74px;z-index:1;width:88px;height:58px;border:1px solid rgba(255,255,255,.22);border-radius:18px 18px 42px 42px;overflow:hidden;background:#ffffff14;transform:skew(-4deg)}.avatar-core b{position:absolute;inset:auto -14px 0;height:60%;background:linear-gradient(135deg,#7c3dff,#ff2d80,#70e8ff);animation:avatar-liquid 2.2s ease-in-out infinite}.avatar-base{bottom:3px;width:86px;height:12px;border-radius:50%;background:#0000006b;filter:blur(5px)}.avatar-prop{z-index:3}.prop-left{left:8px}.prop-right{right:8px}.level-avatar-1 .avatar-head{width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#70e8ff4d,#ffffff0f)}.level-avatar-1 .avatar-core{width:72px;height:44px;border-radius:12px 12px 32px 32px}.level-avatar-1 .avatar-core b{height:22%}.level-avatar-1 .prop-left,.level-avatar-1 .prop-right{top:32px;width:14px;height:14px;border:1px solid rgba(112,232,255,.7);border-radius:50%;box-shadow:0 0 14px #70e8ff75}.level-avatar-2 .avatar-head{width:76px;height:54px;border-radius:999px 999px 18px 18px}.level-avatar-2 .avatar-core{width:68px;height:66px;border-radius:14px 14px 34px 34px}.level-avatar-2 .avatar-core b{height:34%}.level-avatar-2 .prop-right{top:62px;width:20px;height:42px;border:2px solid rgba(112,232,255,.58);border-radius:999px}.level-avatar-3 .avatar-head{width:82px;height:58px;border-radius:28px 10px;rotate:-5deg}.level-avatar-3 .avatar-core{width:96px;height:52px;border-radius:14px;rotate:3deg}.level-avatar-3 .prop-left,.level-avatar-3 .prop-right{top:56px;width:16px;height:44px;border-radius:999px;background:linear-gradient(#70e8ff,#ff2d80)}.level-avatar-4 .avatar-head{width:54px;height:78px;border-radius:18px 18px 10px 10px}.level-avatar-4 .avatar-core{width:100px;height:48px;border-radius:8px 8px 34px 34px}.level-avatar-4 .prop-right{top:16px;width:10px;height:92px;border-radius:999px;background:#70e8ff;box-shadow:0 0 16px #70e8ffa6}.level-avatar-4 .prop-right:after{position:absolute;top:-8px;left:-10px;width:30px;height:18px;border:2px solid #ff8ac4;border-radius:50%;content:""}.level-avatar-5 .avatar-head{width:72px;height:72px;border-radius:18px 42px;rotate:8deg}.level-avatar-5 .avatar-core{width:88px;height:66px;border-radius:22px 8px 38px 14px}.level-avatar-5 .prop-left{top:42px;width:36px;height:24px;border:2px solid rgba(255,138,196,.7);border-radius:50%;rotate:-18deg}.level-avatar-6 .avatar-head{width:92px;height:48px;border-radius:20px 20px 42px 42px}.level-avatar-6 .avatar-core{width:74px;height:78px;border-radius:10px 10px 40px 40px}.level-avatar-6 .prop-left,.level-avatar-6 .prop-right{top:28px;width:24px;height:24px;border:2px solid rgba(112,232,255,.65);border-radius:50%}.level-avatar-6 .prop-left{left:2px}.level-avatar-6 .prop-right{right:2px}.level-avatar-7 .avatar-head{width:86px;height:68px;border-radius:8px 36px;rotate:-7deg}.level-avatar-7 .avatar-core{width:106px;height:54px;border-radius:8px 8px 16px 48px}.level-avatar-7 .prop-left{top:70px;width:46px;height:8px;border-radius:999px;background:#ff8ac4;box-shadow:0 0 14px #ff8ac48c;rotate:-24deg}.level-avatar-8 .avatar-head{width:82px;height:82px;border-radius:50% 22% 52% 26%;rotate:-9deg}.level-avatar-8 .avatar-core{width:92px;height:62px;border-radius:50% 16px;rotate:6deg}.level-avatar-8 .prop-right{top:28px;width:38px;height:38px;clip-path:polygon(50% 0,62% 34%,100% 45%,66% 60%,54% 100%,38% 64%,0 52%,34% 36%);background:#70e8ff;box-shadow:0 0 16px #70e8ff9e}.level-avatar-9 .avatar-aura,.level-avatar-10 .avatar-aura{filter:blur(8px);opacity:.88}.level-avatar-9 .avatar-head{width:94px;height:72px;border-radius:24px 24px 8px 8px}.level-avatar-9 .avatar-core{width:112px;height:66px;border-radius:16px 16px 10px 10px}.level-avatar-9 .prop-left,.level-avatar-9 .prop-right{top:4px;width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#ff2d80,#70e8ff);rotate:45deg}.level-avatar-10 .avatar-head{width:104px;height:82px;border-radius:34% 64% 46% 58%;rotate:7deg;background:radial-gradient(circle at 30% 36%,#fff 0 3px,transparent 4px),radial-gradient(circle at 70% 34%,#fff 0 3px,transparent 4px),linear-gradient(145deg,#ff2d8075,#70e8ff2e)}.level-avatar-10 .avatar-core{width:118px;height:70px;border-radius:44px 10px;rotate:-4deg}.level-avatar-10 .avatar-core b{height:82%}.level-avatar-10 .prop-left,.level-avatar-10 .prop-right{top:18px;width:22px;height:72px;border-radius:999px;background:linear-gradient(#70e8ff,#ff2d80);box-shadow:0 0 18px #ff2d80a8}.avatar-name{margin-top:-10px;color:#ff8ac4;font-size:13px;font-weight:900}@keyframes avatar-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes avatar-pulse{0%,to{scale:.92}50%{scale:1.08}}@keyframes avatar-liquid{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}.score-pill{justify-self:start;border:1px solid rgba(112,232,255,.36);border-radius:999px;padding:6px 10px;color:#70e8ff;font-size:12px;font-weight:900}.level-orbit{display:grid;place-items:center;width:116px;height:116px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:radial-gradient(circle,rgba(255,45,128,.45),transparent 58%),conic-gradient(from 180deg,#00d9ff,#ff2d80,#7c3dff,#00d9ff);box-shadow:0 0 42px #ff2d8059}.level-orbit span{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#100817;font-size:30px;font-weight:950}.result-card h2{font-size:30px}.result-card h3{color:#70e8ff;font-size:18px}.result-card p{color:#fff7fbc7;line-height:1.75}.info-grid{display:grid;width:100%;gap:10px;text-align:left}.info-grid div,.warning-box{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px;background:#0000002e}.info-grid b,.info-grid span,.info-grid small{display:block}.info-grid b{margin-bottom:6px;color:#ff8ac4;font-size:12px}.info-grid span{color:#fff;font-weight:900;line-height:1.5}.info-grid small{margin-top:4px;color:#fff7fba8;line-height:1.55}.warning-box{color:#fff7fba8;font-size:12px;line-height:1.55;text-align:left}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.share-button{width:100%;min-height:46px;background:linear-gradient(135deg,#70e8ff2e,#ff2d8038);box-shadow:inset 0 0 14px #ffffff14}.share-tip{width:100%;border:1px solid rgba(112,232,255,.22);border-radius:8px;padding:9px 10px;background:#70e8ff14;color:#fff7fbbd;font-size:12px;line-height:1.5;text-align:left}.producer-mark{justify-self:end;margin-top:-3px;color:#fff7fb6b;font-size:11px}.poster-stage{position:fixed;left:-9999px;top:0}.poster{width:375px;min-height:620px;padding:30px 26px;color:#fff7fb;background:radial-gradient(circle at 24% 16%,rgba(112,232,255,.38),transparent 30%),radial-gradient(circle at 78% 12%,rgba(255,45,128,.3),transparent 28%),linear-gradient(150deg,#080710,#26051f 55%,#061627);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.poster-topline{color:#70e8ff;font-size:14px;font-weight:900}.poster-level{margin-top:22px;font-size:76px;font-weight:950;line-height:1;text-shadow:0 0 28px rgba(255,45,128,.65)}.poster h3{margin-top:10px;font-size:36px;line-height:1.12}.poster strong{display:block;margin-top:12px;color:#70e8ff;font-size:20px}.poster p{margin-top:18px;color:#fff7fbd1;font-size:17px;line-height:1.75}.poster-trait{margin-top:28px;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:16px;background:#ffffff14}.poster-trait span,.poster-trait small{display:block}.poster-trait span{color:#ff8ac4;font-size:20px;font-weight:900}.poster-trait small{margin-top:8px;color:#fff7fbc2;font-size:14px;line-height:1.55}.poster-footer{display:flex;justify-content:space-between;margin-top:38px;color:#fff7fbb3;font-size:13px}.poster-producer{margin-top:16px;color:#fff7fb80;font-size:12px;text-align:right}.poster-preview{display:grid;gap:10px;margin-top:14px}.poster-preview img{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px}.poster-preview a{background:#70e8ff24;color:#70e8ff}@media(max-width:390px){.screen{padding:16px}.question-card h2{min-height:112px;font-size:23px}.option-button{min-height:54px;font-size:14px}.result-card h2{font-size:27px}}