html{background:#030712;min-width:320px}body{color:#fef3c7;background:#030712;min-height:100svh;margin:0;overflow:hidden}button{font:inherit}.answer-app{isolation:isolate;min-height:100svh;padding:max(1.1rem, env(safe-area-inset-top)) 1rem max(1.1rem, env(safe-area-inset-bottom));place-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden}.answer-aura{z-index:-4;aspect-ratio:1;filter:blur(64px);opacity:.74;background:radial-gradient(circle,#f59e0b2e 0%,#b4530914 28%,#0000 67%),radial-gradient(circle,#fbbf2414 0%,#0000 58%);border-radius:999px;width:min(78vw,43rem);animation:5.8s cubic-bezier(.45,0,.55,1) infinite aura-breathe;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.answer-noise{z-index:-3;pointer-events:none;opacity:.28;background:radial-gradient(circle at 20% 22%,#ffffff1f 0 1px,#0000 1.5px) 0 0/9rem 9rem,radial-gradient(circle at 78% 34%,#fbbf2424 0 1px,#0000 1.4px) 0 0/12rem 12rem,radial-gradient(circle at 46% 72%,#ffffff14 0 1px,#0000 1.6px) 0 0/15rem 15rem,linear-gradient(#ffffff06,#0000 46%,#00000047) 0 0/100% 100%;position:absolute;inset:0}.answer-stars{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 2%,#f59e0b24,#0000 22rem),radial-gradient(circle at 8% 80%,#fcd34d14,#0000 18rem),radial-gradient(circle at 92% 72%,#78716c1f,#0000 20rem);position:absolute;inset:0}.answer-stage{z-index:1;justify-items:center;width:min(100%,32rem);display:grid;position:relative}.answer-kicker{color:#fcd34d9e;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 22px #f59e0b38;margin:0 0 1.15rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:800}.answer-perspective{perspective:1000px;perspective-origin:50% 42%;width:min(78vw,20.5rem)}.answer-card{aspect-ratio:3/4;width:100%;color:inherit;cursor:pointer;transform-style:preserve-3d;will-change:transform;background:0 0;border:0;border-radius:1.05rem;padding:0;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s;animation:4s cubic-bezier(.45,0,.55,1) infinite alternate card-float;display:block;position:relative}.answer-card:hover:not(:disabled){filter:brightness(1.08)}.answer-card:focus-visible{outline-offset:8px;outline:2px solid #fcd34dc7}[data-phase=charging] .answer-card{cursor:wait;animation:92ms linear infinite card-shake}[data-phase=revealed] .answer-card{cursor:default;animation:none}.answer-card-inner{transform-style:preserve-3d;border-radius:inherit;transition:transform .98s cubic-bezier(.34,1.56,.64,1),box-shadow .62s,filter .62s;position:absolute;inset:0;transform:rotateY(0)scale(1);box-shadow:0 0 50px -12px #f59e0b26}[data-phase=charging] .answer-card-inner{filter:saturate(1.2);transform:rotateY(0)scale(.95);box-shadow:0 0 42px -12px #f59e0b59,0 0 88px -20px #fbbf2447}[data-phase=revealed] .answer-card-inner{transform:rotateY(180deg)scale(1.05);box-shadow:0 0 58px -10px #f59e0b42,0 34px 82px -38px #000000eb}.answer-face{border-radius:inherit;backface-visibility:hidden;background:radial-gradient(circle at 50% 16%,#fbbf241f,#0000 15rem),linear-gradient(135deg,#1f2937,#111827);border:1px solid #f59e0b33;place-items:center;transition:border-color 2.5s linear,box-shadow 2.5s linear;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -30px 80px #00000042}[data-phase=charging] .answer-face{border-color:#fbbf24cc;box-shadow:inset 0 1px #ffffff1f,inset 0 -30px 80px #00000047,0 0 34px #f59e0b6b,0 0 86px #fbbf243d}.answer-face-front{text-align:center;padding:clamp(1rem,6vw,2.1rem);transform:rotateY(180deg)}.answer-card-grain{pointer-events:none;opacity:.34;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 0 24%,#ffffff0b 28%,#0000 34%) 0 0/100% 100%,radial-gradient(circle at 24% 18%,#fbbf241f 0 1px,#0000 1.5px) 0 0/1.6rem 1.6rem,radial-gradient(circle at 70% 70%,#ffffff14 0 1px,#0000 1.5px) 0 0/2.1rem 2.1rem;position:absolute;inset:0}.answer-border-lines{pointer-events:none;border:1px solid #fbbf2433;border-radius:.78rem;position:absolute;inset:.72rem}.answer-border-lines:before,.answer-border-lines:after{content:"";border:1px solid #fbbf241f;border-radius:.55rem;position:absolute;inset:.52rem}.answer-border-lines:after{border-color:#fffbeb14;inset:1.06rem}.answer-orbit{pointer-events:none;border:1px solid #fbbf243d;border-radius:999px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)rotate(-12deg)}.answer-orbit-outer{aspect-ratio:1;width:58%}.answer-orbit-inner{aspect-ratio:1;width:38%;transform:translate(-50%,-50%)rotateX(62deg)rotate(58deg)}.answer-sigil{aspect-ratio:1;filter:drop-shadow(0 0 18px #f59e0b3d);width:3.4rem;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.answer-sigil span{transform:rotate(var(--angle,0deg));border:1px solid #fcd34d6b;position:absolute;inset:0}.answer-sigil span:nth-child(2){--angle:45deg}.answer-sigil span:nth-child(3){--angle:22.5deg;transform:rotate(var(--angle)) scale(.62);border-color:#fcd34d38}.answer-card-back-copy{color:#fef3c7c2;text-align:center;justify-items:center;gap:.45rem;display:grid;position:absolute;inset:auto 0 2.15rem}.answer-card-back-copy span{letter-spacing:.22em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.62rem;font-weight:800}.answer-card-back-copy strong{letter-spacing:.2em;text-indent:.2em;font-family:ui-serif,Georgia,Cambria,Times New Roman,Songti SC,SimSun,serif;font-size:clamp(1.45rem,8vw,2.18rem);font-weight:700}.answer-copy{z-index:2;place-items:center;gap:1rem;width:100%;min-height:58%;display:grid;position:relative}.answer-title{overflow-wrap:anywhere;color:#fffbeb;letter-spacing:.12em;text-shadow:0 0 18px #f59e0b33,0 2px 16px #0000006b;max-width:100%;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,Songti SC,SimSun,serif;font-size:clamp(1.48rem,6.4vw,2.45rem);font-weight:700;line-height:1.32}.answer-subtitle{overflow-wrap:anywhere;color:#fde68ab8;letter-spacing:.04em;max-width:100%;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:clamp(.78rem,2.9vw,1.02rem);font-style:italic;line-height:1.7}.answer-char{opacity:0;filter:blur(6px);transition:opacity .62s,transform .62s cubic-bezier(.22,1,.36,1),filter .62s;display:inline-block;transform:translateY(.55rem)scale(.98)}.answer-char[data-visible=true]{opacity:1;filter:blur();transform:translateY(0)scale(1)}.answer-guide{color:#fcd34dc2;text-align:center;text-shadow:0 0 18px #f59e0b3d;min-height:1.8rem;margin:1.45rem 0 0;font-size:clamp(.86rem,3.6vw,1rem);font-weight:650;line-height:1.7;transition:opacity .42s,transform .42s;animation:2.6s cubic-bezier(.45,0,.55,1) infinite alternate guide-pulse}.answer-guide[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(.4rem)}.answer-again{color:#fef3c7e6;-webkit-backdrop-filter:blur(18px);cursor:pointer;opacity:0;pointer-events:none;background:#1f293757;border:1px solid #fbbf2447;border-radius:999px;min-height:2.85rem;margin-top:1.25rem;padding:0 1.25rem;transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s;transform:translateY(.8rem);box-shadow:inset 0 1px #ffffff14,0 18px 40px #00000042}.answer-again[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.answer-again:hover{background:#3741516b;border-color:#fcd34d8f}.answer-again:active{transform:translateY(1px)scale(.99)}@keyframes aura-breathe{0%{opacity:.52;transform:translate(-50%,-50%)scale(.94)}to{opacity:.84;transform:translate(-50%,-50%)scale(1.04)}}@keyframes card-float{0%{transform:translateY(-6px)rotateX(.8deg)}to{transform:translateY(6px)rotateX(-.8deg)}}@keyframes card-shake{0%{transform:translate(0)}12%{transform:translate(1px,-1px)}25%{transform:translate(2px,1px)}37%{transform:translate(-1px,2px)}50%{transform:translate(-2px)}62%{transform:translate(-1px,-2px)}75%{transform:translate(1px,-1px)}87%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes guide-pulse{0%{opacity:.4}to{opacity:.9}}@media (width<=420px){.answer-perspective{width:min(82vw,18.5rem)}.answer-face-front{padding:1.15rem}.answer-title{letter-spacing:.08em;font-size:clamp(1.28rem,7vw,1.78rem)}.answer-subtitle{font-size:.78rem;line-height:1.6}}@media (height<=680px){.answer-perspective{width:min(64vw,16.2rem)}.answer-kicker{margin-bottom:.72rem}.answer-guide{margin-top:.82rem}.answer-again{margin-top:.72rem}}@media (prefers-reduced-motion:reduce){.answer-aura,.answer-card,.answer-guide{animation:none!important}.answer-card-inner,.answer-char,.answer-again,.answer-guide{transition-duration:1ms!important}}