@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#141210;width:100%;height:100%;margin:0;padding:0;font-family:Chakra Petch,Inter,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}#app canvas{touch-action:none;display:block}@keyframes cp-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes cp-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cp-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes cp-correct{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cp-glow{0%,to{box-shadow:0 10px 26px -8px #10b98173}50%{box-shadow:0 12px 34px -6px #10b981d9}}.cp-btn{transition:transform .14s,filter .14s,box-shadow .14s;animation:.3s cubic-bezier(.2,.9,.3,1.4) both cp-pop;position:relative;overflow:hidden}.cp-btn:hover{filter:brightness(1.08);transform:translateY(-3px)}.cp-btn:active{transform:translateY(-1px)scale(.96)}.cp-choice{transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;animation:.42s cubic-bezier(.2,.9,.3,1.15) both cp-rise;position:relative;overflow:hidden}.cp-choice:hover{transform:translateY(-3px)scale(1.012);box-shadow:0 16px 32px -14px #10b9818c}.cp-choice:active{transform:scale(.99)}.cp-choice.cp-wrong{animation:.42s both cp-shake}.cp-choice.cp-correct{animation:.5s both cp-correct,1.2s ease-in-out .5s infinite cp-glow}.cp-badge{transition:transform .16s cubic-bezier(.2,.9,.3,1.5)}.cp-btn:focus-visible,.cp-choice:focus-visible{outline-offset:2px;outline:3px solid #10b981}.cp-choice:hover .cp-badge{transform:scale(1.14)rotate(-6deg)}@keyframes cp-confetti{0%{opacity:1;transform:translateY(-8px)rotate(0)}to{opacity:0;transform:translateY(170px)rotate(620deg)}}.cp-confetti{pointer-events:none;z-index:1;border-radius:2px;width:9px;height:14px;position:absolute}@media (prefers-reduced-motion:reduce){.cp-btn,.cp-choice,.cp-choice.cp-correct,.cp-choice.cp-wrong,.cp-confetti{animation:none!important}}#rotate{color:#a8a29e;text-align:center;z-index:9999;background:#141210;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-family:Chakra Petch,system-ui,sans-serif;display:none;position:fixed;inset:0}#rotate .rotate-icon{font-size:56px}#rotate p{margin:0;font-size:18px}#rotate .en{color:#6b7e99;font-size:14px}@media (orientation:portrait) and (aspect-ratio<=13/10){body:not(.cp-ignore-rotate) #app{opacity:0;pointer-events:none}body:not(.cp-ignore-rotate) #rotate{display:flex}}.cp-prompt{opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.2,.9,.3,1.2),transform .25s cubic-bezier(.2,.9,.3,1.2);transform:translate(-50%,15px)scale(.92)}.cp-prompt.cp-prompt-visible{opacity:1;transform:translate(-50%)scale(1)}.cp-btn:after,.cp-choice:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff40 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.cp-btn:hover:after,.cp-choice:hover:after{animation:.85s ease-in-out cp-shine}@keyframes cp-shine{to{left:150%}}.cp-scroll::-webkit-scrollbar{width:6px;height:6px}.cp-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.cp-scroll::-webkit-scrollbar-thumb{background:#10b98173;border-radius:4px}.cp-scroll::-webkit-scrollbar-thumb:hover{background:#10b981b3}