:root{--night: #0b1630;--night-2: #16294f;--night-3: #22406f;--glass: rgba(23, 44, 84, .68);--glass-line: rgba(243, 201, 107, .34);--paper: #f6f2e8;--paper-2: #efe7d6;--sheet: rgb(241 245 252 / 92%);--ink: #1c2c5c;--ink-soft: #4a5a86;--gold: #f3c96b;--gold-deep: #d9a441;--gold-light: #ffe9b0;--lacquer: #c8342a;--ember: #ff9a2e;--text: #f7efe0;--muted: #9fb0d0;--danger: #ff8b7a;--lock-bg: #e6dcc6;color-scheme:dark;--font-display: "Georgia", "Iowan Old Style", "Times New Roman", "Songti SC", "STSong", "SimSun", serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--d-press: 90ms;--d-release: .18s;--d-enter: .2s;--d-screen: .42s;--stagger: 26ms}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overscroll-behavior-y:none}body{background:radial-gradient(120% 55% at 50% 108%,#f3c96b29,#c8342a14 38%,#0b163000 70%),radial-gradient(75% 40% at 50% 12%,#ffe9b029,#ffe9b000 62%),linear-gradient(180deg,var(--night) 0%,var(--night-2) 55%,var(--night-3) 100%);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-text-size-adjust:100%;touch-action:manipulation}body:before{content:"";position:fixed;top:-17vh;right:-15vw;width:46vw;max-width:200px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 36%,#fff9e8f5,#fce2a5eb 42%,#ecbf6ed9 66%,#e2ac58b3 72%,#e2ac5829 76%,#e2ac5800 88%);opacity:.82;z-index:0;pointer-events:none}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:34vh;z-index:0;pointer-events:none;background:radial-gradient(42% 60% at 72% 100%,#ffe9b033,#ffe9b000 70%),linear-gradient(180deg,#22406f00,#1834608c 46%,#0e2142e6)}.screen{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100%;padding:24px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.title{text-align:center;font-family:var(--font-display);font-size:clamp(30px,9vw,40px);font-weight:700;line-height:1.1;letter-spacing:.01em;margin:12px 0 0;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 46%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(217,164,65,.35)) drop-shadow(0 1px 3px rgba(6,14,34,.85))}.kicker{margin:4px 0 0;text-align:center;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#f3c96bb8}.kicker-cn{letter-spacing:.3em;text-transform:none;font-size:14px}.panel{display:flex;flex-direction:column;gap:14px;padding:22px 18px;border-radius:26px;background:var(--sheet);color:var(--ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffffb3,0 20px 48px #040a1a73}.panel .title{margin:0 0 2px;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);filter:none}.panel .hint{color:var(--ink-soft)}.panel .terms{color:var(--ink)}.panel .error{color:#b3261e}.lang-toggle{display:flex;gap:8px;justify-content:center}.lang-toggle button{flex:1;min-height:48px;border:1px solid rgba(243,201,107,.42);background:#0b163066;color:var(--text);border-radius:999px;font-size:16px}.lang-toggle button[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-light),var(--gold-deep));border-color:var(--gold-light);color:#35240a;font-weight:700;box-shadow:0 6px 18px #d9a4414d}.nickname{min-height:52px;padding:0 16px;font-size:18px;border-radius:14px;border:1px solid rgb(28 44 92 / 22%);background:#fff;color:var(--ink)}.nickname::placeholder{color:#4a5a86a6}.primary{min-height:56px;border:1px solid var(--gold-light);border-radius:16px;background:linear-gradient(180deg,#ffe9b080,#ffe9b000 42%),linear-gradient(180deg,var(--ember) 0%,var(--lacquer) 100%);color:#fff4e0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(88,18,10,.55);box-shadow:inset 0 -2px #7a1a1080,0 10px 26px #c8342a57}.primary:disabled{opacity:.45;box-shadow:none}.hint,.error{text-align:center;color:var(--muted);font-size:14px}.hint{margin:0}.link{align-self:center;min-height:44px;padding:0 12px;border:none;background:none;color:var(--ink-soft);font-size:15px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.error{color:var(--danger);min-height:20px;margin:0}.error:empty{min-height:20px}.progress{color:var(--muted);font-size:16px;letter-spacing:1px;font-variant-numeric:tabular-nums}.q-head{display:flex;align-items:center;justify-content:space-between;width:100%}.timer{display:inline-grid;place-items:center;min-width:56px;padding:2px 12px;border-radius:999px;border:1px solid rgba(243,201,107,.45);background:#081126b8;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.timer.warn{color:var(--ember)}.timer.urgent{color:var(--danger);animation:digit-in .42s var(--ease-out) backwards}.timer.zero{color:var(--danger);opacity:.45;transform:scale(.92)}@keyframes digit-in{0%{transform:scale(1.35);opacity:.35}60%{transform:scale(.98);opacity:1}}.q-text{text-align:center;font-family:var(--font-display);font-size:clamp(20px,5.8vw,25px);font-weight:400;line-height:1.38;color:var(--gold-light);margin:8px 0;overflow-wrap:anywhere;text-shadow:0 2px 14px rgba(4,10,26,.55)}.q-text:focus{outline:none}.options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.option{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 18px;font-size:18px;line-height:1.35;text-align:left;border-radius:16px;border:1px solid rgba(217,164,65,.55);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);color:var(--ink);box-shadow:0 8px 22px #040a1a52;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:option-in var(--d-enter) var(--ease-out) calc(70ms + var(--i, 0) * var(--stagger)) backwards;transition:transform var(--d-release) var(--ease-out),opacity var(--d-enter) var(--ease-out) calc(var(--d, 0) * var(--stagger)),background-color var(--d-enter) linear,border-color .16s linear}.option:active:not(.is-picked){transform:scale(.975);background:var(--lock-bg);border-color:var(--gold-deep);transition-duration:var(--d-press);transition-timing-function:var(--ease-in-out)}.option:after{content:"";position:absolute;inset:-2px;border-radius:18px;border:2.5px solid var(--gold);opacity:0;pointer-events:none;transition:opacity var(--d-enter) var(--ease-out)}.option.is-picked:after{opacity:1;animation:pick-flash .42s var(--ease-out)}.option.is-picked{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 62%,var(--gold-deep) 100%);border-color:var(--gold-light);color:#2f2007;font-weight:600;box-shadow:0 0 0 4px #f3c96b33,0 12px 30px #d9a44157;transform:scale(1.015)}@keyframes pick-flash{0%{box-shadow:0 0 #f3c96b99}to{box-shadow:0 0 0 14px #f3c96b00}}.options.is-locked .option{pointer-events:none}.options.is-locked .option:not(.is-picked){opacity:.42;transform:scale(.975);border-color:#d9a44138}.option-label{flex:none;transition:transform .24s var(--ease-spring),background-color var(--d-enter) linear;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);color:#2f2007;font-family:var(--font-display);font-weight:700;font-size:16px;box-shadow:inset 0 1px #fff6dbb3}.option-text{flex:1;min-width:0;overflow-wrap:anywhere}.option.is-picked .option-label{transform:scale(1.22);background:linear-gradient(180deg,var(--ink) 0%,#0f1b3d 100%);color:var(--gold-light);box-shadow:0 4px 14px #0f1b3d80}.result{text-align:center;justify-content:center}.score{display:grid;place-items:center;width:176px;height:176px;margin:4px auto;border-radius:50%;font-family:var(--font-display);font-size:46px;font-weight:700;color:#3a2708;background:radial-gradient(circle at 42% 36%,var(--gold-light) 0%,var(--gold) 52%,var(--gold-deep) 100%);box-shadow:0 0 0 1px #fff6dbb3,0 0 44px #f3c96b73,0 10px 24px #8c601847}.label{color:var(--ink-soft);margin:0}.time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.congrats{font-family:var(--font-display);font-size:22px;font-weight:700;color:#a5281d}.rank{font-size:20px;color:var(--ink)}.not-ranked{color:var(--ink-soft)}.terms{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.35;text-align:left}.terms input{margin-top:.15rem;width:24px;height:24px;flex:none;accent-color:var(--gold-deep)}.sky{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:0;pointer-events:none;transform:translateZ(0);transition:opacity var(--d-screen) var(--ease-out)}.sky.calm{opacity:.24}.wash{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(130% 85% at 50% 108%,#f3c96b52,#c8342a29 34%,#f3c96b00 62%);animation:wash var(--d-screen) var(--ease-out) forwards}@keyframes wash{0%{opacity:0;transform:translateY(16%)}20%{opacity:1}to{opacity:0;transform:translateY(0)}}.screen.start,.screen.result{justify-content:center;gap:16px}.screen.question{gap:16px;padding-top:20px}.q-rail{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden;background:#f3c96b29}.q-rail-fill{display:block;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--gold-deep),var(--gold-light));transition:transform var(--d-screen) var(--ease-out)}.q-rail-beam{display:none;position:absolute;inset:0 auto 0 0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,246,219,.9),transparent)}.q-rail.is-pending .q-rail-beam{display:block;animation:beam 1.1s cubic-bezier(.65,0,.35,1) infinite}@keyframes beam{0%{transform:translate(-100%)}to{transform:translate(320%)}}.timer.urgent,.timer.zero{border-color:#c8342abf;background:#4a0c08c7}.q-body{display:flex;flex-direction:column;gap:16px;flex:1}.q-head{animation:head-in .18s var(--ease-out) backwards}.q-text{animation:text-in .24s var(--ease-out) 40ms backwards}@keyframes head-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes text-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes option-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.lockbar{display:flex;align-items:center;justify-content:center;min-height:44px}.lock-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#f3c96b29;border:1px solid rgba(243,201,107,.55);color:var(--gold-light);font-size:15px;font-weight:600;animation:pill-in var(--d-enter) var(--ease-out) backwards}.lock-pill.is-timeout{background:#9fb0d01f;border-color:#9fb0d073;color:var(--muted)}.pill-icon{width:16px;height:16px;flex:none;fill:currentColor;stroke:currentColor}.lock-note{color:var(--muted);font-size:13px;text-align:center}@keyframes pill-in{0%{opacity:0;transform:translateY(8px)}}.result>*{animation:result-in .24s var(--ease-out) calc(var(--i, 0) * 60ms) backwards}.result .title{outline:none}.result .score{animation:score-in .34s var(--ease-out) 60ms backwards}@keyframes result-in{0%{opacity:0;transform:translateY(10px)}}@keyframes score-in{0%{opacity:0;transform:scale(.86)}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.option:focus-visible,.primary:focus-visible,.lang-toggle button:focus-visible,.nickname:focus-visible,.terms input:focus-visible{outline:3px solid var(--gold-light);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sky,.q-head,.q-text,.option,.option:after,.option-label,.q-rail-fill,.timer,.option.is-picked:after,.lock-pill,.result>*{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;transition-delay:0ms!important}.wash,.q-rail.is-pending .q-rail-beam{display:none}.q-rail.is-pending{background:#f3c96b66}}