:root{--ink: #1a1a2e;--ink-2: #3d4163;--ink-3: #565b7d;--silver: #c0c0c0;--pink: #ff69b4;--pink-deep: #c8197a;--aqua: #00ced1;--blue: #2b59ff;--lav: #c9b8ff;--bounce: cubic-bezier(.68, -.55, .27, 1.55);--font-display: "Jua", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--font-tech: "Audiowide", "Jua", -apple-system, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", sans-serif;--chrome: linear-gradient(180deg, #ffffff 0%, #f3f4f8 48%, #d0d3de 70%, #e8eaf1 86%, #fafbfd 100%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#ecebf3;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}.y2k-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(90% 60% at 0% 0%,#ffb6dee6,#ffb6de00 60%),radial-gradient(80% 55% at 100% 20%,#a0f0ffe6,#a0f0ff00 60%),radial-gradient(90% 60% at 8% 100%,#c9b8ffd9,#c9b8ff00 60%),radial-gradient(70% 50% at 100% 100%,#ffd6f0cc,#ffd6f000 60%),linear-gradient(170deg,#f6f6fb,#e6e6ef)}.y2k-bg:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 46%,rgba(180,250,250,.35) 50%,rgba(255,190,235,.35) 54%,transparent 62%);animation:holo-sweep 10s ease-in-out infinite}.y2k-bg--calm:before{display:none}.y2k-star{position:absolute;filter:drop-shadow(0 2px 4px rgba(140,110,230,.45));animation:twinkle 3.2s ease-in-out infinite}.y2k-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2,#ffffff40 22%,#c8e1ff2e 55%,#ffaadc52);box-shadow:inset 0 -8px 18px #aa8cff4d,inset 0 4px 10px #fffc;border:1px solid rgba(255,255,255,.7);animation:float 7s ease-in-out infinite}.y2k-page{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding:16px 16px calc(88px + env(safe-area-inset-bottom))}.y2k-wrap{width:100%;max-width:480px}.y2k-wrap--wide{max-width:600px}.y2k-loading{text-align:center;padding:48px 0;font-family:var(--font-display);font-size:17px;color:var(--ink-3);animation:blink 1.4s ease-in-out infinite}.y2k-empty{text-align:center;padding:48px 0 8px;font-size:15px;color:var(--ink-2);line-height:1.5}.glass{position:relative;isolation:isolate;background:linear-gradient(180deg,#ffffffd6,#fff9);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1.5px solid rgba(255,255,255,.95);border-radius:28px;box-shadow:0 12px 32px #6e5abe29,inset 0 2px #ffffffe6,inset 0 -8px 18px #aaa0e624}.gloss:before{content:"";position:absolute;z-index:-1;left:8px;right:8px;top:4px;height:46%;border-radius:24px 24px 50% 50%/24px 24px 22px 22px;background:linear-gradient(180deg,#ffffffe6,#fff0);pointer-events:none}.shine{overflow:hidden}.shine:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.8) 46%,transparent 62%);transform:translate(-130%);transition:transform .65s ease;pointer-events:none}.shine:active:after{transform:translate(130%)}.chrome-text{background:linear-gradient(180deg,#fff,#eef0f6 30%,#9aa0b6 49%,#fff 60%,#c3c8d8);-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;-webkit-text-stroke:2.2px #2a2550;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #ff69b4) drop-shadow(0 8px 14px rgba(120,80,220,.35))}.chrome-chip{display:inline-block;font-family:var(--font-tech);font-size:13px;letter-spacing:.08em;color:var(--ink);padding:5px 14px;border-radius:999px;background:var(--chrome);border:1.5px solid #fff;box-shadow:0 4px 10px #463c8c2e,inset 0 -2px 4px #5a5a8238}.chrome-round{position:relative;isolation:isolate;flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid #fff;background:var(--chrome);color:var(--ink);cursor:pointer;padding:0;box-shadow:0 6px 14px #463c8c38,inset 0 -3px 6px #5a5a8247;transition:transform .3s var(--bounce)}.chrome-round:active{transform:scale(.9)}.btn{position:relative;isolation:isolate;display:block;width:100%;padding:16px 20px;border-radius:999px;border:2px solid #fff;font-family:var(--font-display);font-size:19px;line-height:1.2;cursor:pointer;transition:transform .3s var(--bounce),box-shadow .3s var(--bounce)}.btn:active{transform:scale(.96)}.btn:disabled{cursor:wait;opacity:.75}.btn--chrome{color:var(--ink);background:var(--chrome);box-shadow:0 10px 22px #463c8c38,inset 0 -3px 6px #5a5a8240}.btn--pink{color:#fff;background:linear-gradient(180deg,#ff6fb8,#c8197a 46%,#a40f63);box-shadow:0 10px 22px #c81e7859,inset 0 2px #ffffff8c,inset 0 -4px 8px #64003c4d;text-shadow:0 1px 1px rgba(100,0,50,.45)}.btn--ghost{display:inline-block;width:auto;padding:10px 22px;font-size:16px}.sticker{display:inline-block;flex-shrink:0;font-family:var(--font-display);font-size:15px;padding:7px 14px;border-radius:999px;border:2px solid #fff;transform:rotate(-4deg);box-shadow:0 6px 14px #5a46aa38;animation:pop-in .52s var(--bounce) .25s backwards}.sticker--major{background:linear-gradient(180deg,#e2fdfe,#9ff2f5);color:#0b4f57}.sticker--minor{background:linear-gradient(180deg,#ffe8f4,#ffb8dc);color:#8a0c52}.tag{display:inline-block;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;border:1.5px solid #fff}.tag--a{background:#d9fbfc;color:#0b4f57}.tag--b{background:#ffe3f2;color:#8a0c52}.tag--plain{background:#ffffffb3;color:var(--ink-2)}.hero{text-align:center;padding:30px 0 26px}.hero-orb{width:76px;height:76px;margin:0 auto 16px;display:grid;place-items:center;font-size:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:radial-gradient(circle at 30% 25%,#fff,#f3ecff 30%,#d4c4ff 66%,#a990ff);box-shadow:inset 0 -6px 12px #6e50dc59,inset 0 4px 6px #fff,0 12px 26px #785adc4d;animation:float 4s ease-in-out infinite}.hero-kicker{margin-bottom:12px}.hero-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(36px,10.5vw,46px);line-height:1.12;letter-spacing:-.5px;word-break:keep-all}.hero-sub{margin:16px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2);word-break:keep-all}.set-list{display:flex;flex-direction:column;gap:14px}.set-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 16px 16px 14px;text-align:left;cursor:pointer;color:var(--ink);transition:transform .3s var(--bounce),box-shadow .3s var(--bounce);animation:rise-in .56s var(--bounce) backwards}.set-card:active{transform:scale(.97)}.set-orb{flex-shrink:0;width:60px;height:60px;display:grid;place-items:center;font-size:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.95);box-shadow:inset 0 -5px 10px #3c288c38,inset 0 3px 5px #fff,0 6px 14px #6e5abe38}.set-orb--0{background:radial-gradient(circle at 30% 25%,#fff,#e2fdff 30%,#8eeef3 70%,#2fd3da)}.set-orb--1{background:radial-gradient(circle at 30% 25%,#fff,#ffe6f3 30%,#ffa9d6 70%,#ff69b4)}.set-orb--2{background:radial-gradient(circle at 30% 25%,#fff,#f1ebff 30%,#c9b8ff 70%,#9b7dff)}.set-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.set-title{font-family:var(--font-display);font-size:20px;line-height:1.25}.set-desc{font-size:13px;line-height:1.45;color:var(--ink-3);word-break:keep-all}.set-go{width:36px;height:36px;pointer-events:none}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.topbar-title{font-family:var(--font-display);font-size:18px;line-height:1.3}.progress{flex:1;display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:14px;border-radius:999px;overflow:hidden;background:#ffffff8c;border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 2px 4px #5a509640,0 1px #fff}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(180deg,#ffffffb3 0,#ffffffb3 32%,#fff0 32%,#fff0),linear-gradient(90deg,#00ced1,#2b59ff 55%,#ff69b4);transition:width .42s var(--bounce)}.progress-text{min-width:52px;text-align:right;font-family:var(--font-tech);font-size:13px;color:var(--ink-2)}.q-head{text-align:center;margin-bottom:22px}.q-head .chrome-chip{margin-bottom:12px}.q-text{margin:0;font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.3;color:var(--ink);word-break:keep-all}.choices{display:flex;flex-direction:column;align-items:stretch}.choice{position:relative;isolation:isolate;width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 20px;border-radius:34px;border:2px solid rgba(255,255,255,.95);color:var(--ink);cursor:pointer;transition:transform .3s var(--bounce),box-shadow .3s var(--bounce);animation:pop-in .48s var(--bounce) backwards}.choice:active{transform:scale(.96)}.choice:disabled{cursor:wait}.choice--a{background:linear-gradient(180deg,#f2fdff,#b8f3f6,#6fe0e8);box-shadow:0 14px 30px #00aabe47,inset 0 -10px 20px #008caa38,inset 0 3px #fff}.choice--b{background:linear-gradient(180deg,#fff3fa,#ffc8e5,#ff95cb);box-shadow:0 14px 30px #e63c9640,inset 0 -10px 20px #c8288233,inset 0 3px #fff;animation-delay:90ms}.choice-letter{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,255,255,.95);font-family:var(--font-tech);font-size:20px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3)}.choice--a .choice-letter{background:radial-gradient(circle at 32% 28%,#9fb4ff,#2b59ff 55%,#1736b8);box-shadow:0 4px 10px #2b59ff66,inset 0 2px 3px #fff9}.choice--b .choice-letter{background:radial-gradient(circle at 32% 28%,#ff9fd0,#c8197a 55%,#9e0f62);box-shadow:0 4px 10px #c8197a66,inset 0 2px 3px #fff9}.choice-text{font-family:var(--font-display);font-size:24px;line-height:1.3;text-align:center;word-break:keep-all}.vs{position:relative;z-index:2;align-self:center;width:66px;height:66px;margin:-16px 0;display:grid;place-items:center;border-radius:50%;border:2.5px solid #fff;background:var(--chrome);font-family:var(--font-tech);font-size:21px;color:var(--ink);box-shadow:0 8px 18px #3c327847,inset 0 -3px 6px #5050784d;animation:vs-pulse 2.4s ease-in-out infinite}.reveal{padding:22px 20px 6px;animation:pop-in .42s var(--bounce) backwards}.res-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.res-opt{display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--font-display);font-size:18px;line-height:1.3;word-break:keep-all}.mine{flex-shrink:0;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--ink);color:#fff;transform:rotate(-5deg);box-shadow:0 2px 0 var(--pink)}.res-pct{flex-shrink:0;font-family:var(--font-tech);font-size:24px;color:var(--ink)}.res-count{margin-left:4px;font-family:var(--font-body);font-size:12px;color:var(--ink-3)}.tube{height:18px;margin-bottom:18px;border-radius:999px;overflow:hidden;background:#fff9;border:1px solid #fff;box-shadow:inset 0 2px 5px #5a509640}.tube-fill{height:100%;border-radius:999px;transform-origin:left center;animation:tube-grow .9s var(--bounce) backwards}.tube-fill--a{background:linear-gradient(180deg,#ffffffb3 0,#ffffffb3 30%,#fff0 30%,#fff0),linear-gradient(90deg,#00ced1,#2b59ff)}.tube-fill--b{background:linear-gradient(180deg,#ffffffb3 0,#ffffffb3 30%,#fff0 30%,#fff0),linear-gradient(90deg,#ff69b4,#c8197a);animation-delay:.12s}.stat{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.stat-text{margin:0;font-family:var(--font-display);font-size:17px;line-height:1.4;color:var(--ink);word-break:keep-all}.next{margin-top:28px}.holo-border{border:3px solid transparent;background:linear-gradient(180deg,#ffffffdb,#ffffffa8) padding-box,linear-gradient(120deg,#ff69b4,#c9b8ff,#00ced1,#fff,#ff69b4) border-box;background-size:100% 100%,300% 300%;animation:holo-shift 6s linear infinite}.score{text-align:center;padding:28px 20px 26px;margin-bottom:18px}.score-label{font-family:var(--font-display);font-size:19px;color:var(--ink-2)}.score-num{margin:8px 0 14px;font-family:var(--font-tech);font-weight:400;font-size:clamp(68px,21vw,88px);line-height:1;letter-spacing:-1px;animation:pop-in .7s var(--bounce) .15s backwards}.score-copy{margin:0;font-family:var(--font-display);font-size:18px;line-height:1.45;color:var(--ink);word-break:keep-all}.summary{padding:22px 18px 10px;margin-bottom:26px}.summary-title{margin:0 0 6px;font-family:var(--font-display);font-weight:400;font-size:21px}.sum-item{padding:14px 0;border-bottom:1.5px dashed rgba(140,130,200,.32)}.sum-item:last-child{border-bottom:none}.sum-q{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.sum-num{flex-shrink:0;font-family:var(--font-tech);font-size:12px;color:var(--ink-2)}.sum-text{font-size:14px;line-height:1.45;color:var(--ink-2);word-break:keep-all}.sum-choice{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sum-choice .sticker{font-size:13px;padding:4px 10px;transform:none;box-shadow:none;animation:none;border-width:1.5px}.share{text-align:center;margin-bottom:26px}.share-cta{margin:0 0 14px;font-family:var(--font-display);font-size:21px}.other{text-align:center}.other-title{margin:0 0 12px;font-size:15px;color:var(--ink-2)}.admin-login{align-self:flex-start;max-width:400px;width:100%;margin:72px auto 0;padding:36px 26px 30px}.admin-title{margin:0 0 10px;text-align:center;font-family:var(--font-display);font-weight:400;font-size:26px}.admin-hint{margin:0 0 22px;padding:9px 12px;text-align:center;font-size:13px;color:var(--ink-2);border-radius:14px;background:#c9b8ff59;border:1px solid rgba(255,255,255,.9)}.admin-form{display:flex;flex-direction:column;gap:12px}.field{width:100%;padding:13px 16px;font-size:15px;border-radius:16px;border:2px solid rgba(255,255,255,.95);background:#ffffffbf;box-shadow:inset 0 2px 5px #5a509629;outline:none;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:var(--pink);box-shadow:inset 0 2px 5px #5a509629,0 0 0 4px #ff69b438}.admin-error{margin:0;font-size:13px;color:#b0124f}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.admin-top .admin-title{margin:0;font-size:22px}.link-btn{background:none;border:none;padding:6px 2px;font-size:15px;font-weight:700;color:var(--ink-2);cursor:pointer}.link-btn--danger{color:#b0124f}.admin-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.admin-tabs{display:flex;gap:10px;margin-bottom:18px}.admin-tabs .btn{flex:1;padding:11px 0;font-size:16px}.admin-panel{padding:20px}.admin-section{margin:0 0 12px;font-family:var(--font-display);font-weight:400;font-size:19px}.admin-item{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1.5px dashed rgba(140,130,200,.32)}.admin-item:last-child{border-bottom:none}.admin-item-title{font-family:var(--font-display);font-size:17px}.admin-item-desc{font-size:13px;color:var(--ink-3)}.admin-item .btn{align-self:flex-start;padding:6px 14px;font-size:14px;margin-top:2px}.admin-q{font-size:14px;font-weight:600;line-height:1.45}.admin-opts{display:flex;flex-wrap:wrap;gap:8px}.admin-meta{font-family:var(--font-tech);font-size:12px;color:var(--ink-3)}@keyframes holo-sweep{0%,to{transform:translate(-28%)}50%{transform:translate(28%)}}@keyframes holo-shift{0%{background-position:0 0,0% 50%}to{background-position:0 0,300% 50%}}@keyframes twinkle{0%,to{transform:scale(.7) rotate(0);opacity:.55}50%{transform:scale(1) rotate(25deg);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes tube-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes blink{50%{opacity:.45}}@media(hover:hover){.set-card:hover,.choice:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02)}.shine:hover:after{transform:translate(130%)}.chrome-round:hover{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}