@theme{ --color-ink: #fff4e6; --color-muted: #b6a6cb; --color-gold: #fcd34d; --color-gold-2: #f59e0b; --color-red: #e11d48; --color-jade: #10b981; --color-ok: #34d399; --color-no: #fb7185; }:root{--bg: #131022;--gold: #fcd34d;--gold-2: #f59e0b;--ok: #34d399;--no: #fb7185;--jade: #10b981;--font-display: "Cormorant Garamond", "Noto Serif Thai", Georgia, serif;--rc: #38bdf8;--rg: #38bdf855;--safe: env(safe-area-inset-bottom, 0px)}.r-comm{--rc: #9ca3af;--rg: #9ca3af33}.r-rare{--rc: #38bdf8;--rg: #38bdf855}.r-epic{--rc: #c084fc;--rg: #c084fc66}.r-leg{--rc: #fcd34d;--rg: #fcd34d88}.cha-app{min-height:100dvh;background-color:#0d0918;background-image:radial-gradient(1.2px 1.2px at 22px 34px,#ffffff59,transparent),radial-gradient(1px 1px at 152px 94px,#fcd34d4d,transparent),radial-gradient(.8px .8px at 84px 168px,#ffffff38,transparent),radial-gradient(100% 60% at 50% -8%,#2b1a4d,transparent 60%),radial-gradient(120% 80% at 50% 110%,#1c1236,#0d0918 70%);background-size:210px 230px,270px 250px,170px 190px,100% 100%,100% 100%;background-repeat:repeat,repeat,repeat,no-repeat,no-repeat;color:var(--color-ink, #fff4e6);font-family:Noto Sans,Noto Sans Thai,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.cha-app h1,.cha-app h2,.cha-display{font-family:var(--font-display);letter-spacing:.015em}.cha-wordmark{font-family:"Cinzel",var(--font-display);letter-spacing:.14em;font-weight:700}.cha-app :focus-visible{outline:2px solid #fcd34d77;outline-offset:2px}.cha-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;max-width:460px;margin:0 auto;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.cha-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;padding:6px 12px 18px;overscroll-behavior:contain}.cha-scroll>*{max-width:100%}.cha-hrow{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.cha-hrow::-webkit-scrollbar{display:none}.cha-hrow>*{scroll-snap-align:start;flex:0 0 auto}.cha-chip{border:1px solid #ffffff1c;background:#ffffff08;color:#e8e2f2;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;line-height:1.2;transition:border-color .15s,background .15s}.cha-chip.on{background:#fcd34d17;border-color:#f59e0b88;color:var(--gold)}.cha-seg{flex:1;padding:8px 4px;border-radius:10px;font-size:12.5px;font-weight:800;background:#ffffff08;color:#e8e2f2;border:1px solid transparent;cursor:pointer;line-height:1.25;transition:border-color .15s,background .15s}.cha-seg.on{background:#fcd34d14;border-color:#f59e0b77;color:var(--gold)}@keyframes cha-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes cha-pop{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}@keyframes cha-shine{0%{background-position:-140% 0}to{background-position:240% 0}}@keyframes cha-rays{to{transform:rotate(360deg)}}@keyframes cha-glowp{0%,to{opacity:.55}50%{opacity:1}}@keyframes cha-rise{to{transform:translateY(-120vh) rotate(40deg);opacity:0}}@keyframes cha-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cha-spin{to{transform:rotate(360deg)}}@keyframes cha-fall{to{transform:translateY(108vh) rotate(640deg);opacity:1}}@keyframes cha-flip{0%{transform:rotateY(90deg) scale(.7);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes cha-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cha-fx-in{animation:cha-in .4s cubic-bezier(.2,.8,.2,1) both}.cha-gold{background:linear-gradient(180deg,#fff3c4,#fcd34d 45%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.cha-parts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.cha-parts i{position:absolute;bottom:-12px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);opacity:.5;animation:cha-rise linear infinite}.cha-cta{border:0;border-radius:11px;padding:11px 16px;font-size:14px;font-weight:800;color:#2f1a02;background:linear-gradient(180deg,#ffe9a0,#fcd34d 40%,#f0a70a);box-shadow:0 3px 12px #f59e0b33,inset 0 1px #fff8;width:100%;letter-spacing:.02em;transition:transform .12s,box-shadow .12s}.cha-cta:active{transform:scale(.975)}.cha-cta.ghost{color:var(--color-ink, #fff4e6);background:#ffffff0c;border:1px solid #ffffff1c;box-shadow:none;font-weight:700}.cha-card{position:relative;border-radius:14px;overflow:hidden;border:2px solid var(--rc);background:#0b0814;box-shadow:0 0 16px var(--rg),0 8px 18px #0008,inset 0 0 0 1px #ffffff14}.cha-card .pic{position:absolute;top:0;right:0;bottom:0;left:0}.cha-card .pic img{width:100%;height:100%;object-fit:cover}.cha-card .ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#000c)}.cha-card .frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;background:linear-gradient(135deg,var(--rg),transparent 30%,transparent 70%,var(--rg));mix-blend-mode:screen;opacity:.9}.cha-card .sh{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 38%,#ffffff55 50%,transparent 62%);background-size:250% 100%;animation:cha-shine 3.4s linear infinite}.cha-card .rar{position:absolute;top:7px;left:7px;font-size:8.5px;font-weight:900;letter-spacing:.4px;padding:2px 7px;border-radius:5px;color:#131022;background:var(--rc);box-shadow:0 2px 6px #0008}.cha-card .stars{position:absolute;top:7px;right:8px;font-size:9px;color:var(--gold);text-shadow:0 0 4px var(--gold)}.cha-card .nm{position:absolute;left:9px;right:9px;bottom:9px;font-size:13px;font-weight:800;text-shadow:0 2px 6px #000}.cha-card .price{position:absolute;left:9px;right:9px;bottom:9px;display:flex;justify-content:center}.cha-card.locked .pic img{filter:saturate(.5) brightness(.5)}.r-leg .frame{animation:cha-glowp 2s infinite}.cha-card.still .frame{animation:none}.cha-pp{background:linear-gradient(180deg,#a855f7,#7c3aed);color:#fff;font-weight:900;font-size:12px;padding:4px 10px;border-radius:999px;box-shadow:0 3px 10px #7c3aed88;border:1px solid #ffffff44}.cha-tile{position:relative;border:1.5px solid #ffffff18;background:linear-gradient(180deg,#201a38,#16122a);border-radius:14px;padding:11px;text-align:left;transition:transform .1s}.cha-tile:after{content:"✦";position:absolute;top:8px;right:10px;font-size:9px;color:#fcd34d38}.cha-tile:active{transform:scale(.98)}.cha-tile.hot{border-color:#f59e0b88;background:linear-gradient(180deg,#2a2148,#1a1530);box-shadow:0 0 16px #f59e0b22}.cha-tile .em{font-size:23px;filter:drop-shadow(0 0 5px #0008)}.cha-tile b{display:block;font-size:13.5px;margin-top:6px}.cha-tile .st{display:inline-block;font-size:10px;font-weight:800;margin-top:4px;padding:2px 7px;border-radius:6px}.cha-tile .st.go{background:#10b98122;color:#34d399;border:1px solid #10b98155}.cha-tile .st.sn{background:#ffffff10;color:#b6a6cb}.cha-badge{position:absolute;top:-7px;right:8px;font-size:9px;font-weight:900;padding:2px 7px;border-radius:6px;box-shadow:0 2px 6px #0007}.cha-badge.new{background:linear-gradient(180deg,#fb7185,#e11d48);color:#fff}.cha-badge.free{background:linear-gradient(180deg,#34d399,#059669);color:#04130d}.cha-badge.flat{background:linear-gradient(180deg,#34d399,#0ea5e9);color:#04130d}.cha-banner{position:relative;border-radius:14px;overflow:hidden;padding:11px 13px;display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#9f1239,#e11d48 60%,#f59e0b);border:1px solid #ffd98a55;box-shadow:0 6px 18px #0006}.cha-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 35%,#fff7 50%,transparent 65%);background-size:240% 100%;animation:cha-shine 3.2s linear infinite}.cha-banner .bi{font-size:24px;filter:drop-shadow(0 0 6px #fff7)}.cha-banner b{font-size:14px}.cha-banner span{display:block;font-size:11px;color:#ffe9c7}.cha-banner .gc{margin-left:auto;background:#16121f;color:var(--gold);font-weight:800;font-size:12px;padding:7px 12px;border-radius:10px;border:1px solid var(--gold);position:relative;z-index:1}.cha-plan{position:relative;border:1.5px solid #ffffff1e;background:linear-gradient(180deg,#201a38,#16122a);border-radius:14px;padding:12px;display:flex;align-items:center;gap:11px;width:100%;text-align:left;transition:transform .1s}.cha-plan:active{transform:scale(.99)}.cha-plan.hot{border-color:#f59e0b88;background:linear-gradient(180deg,#2a2148,#1a1530);box-shadow:0 0 18px #f59e0b33}.cha-plan .ic{font-size:20px;width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;background:#ffffff10;border-radius:11px}.cha-plan .t{flex:1;min-width:0}.cha-plan .t b{font-size:14px}.cha-plan .t span{display:block;color:var(--color-muted, #b6a6cb);font-size:11.5px;margin-top:2px;line-height:1.3}.cha-plan .pill{display:inline-block;background:linear-gradient(180deg,#a855f7,#7c3aed);color:#fff;font-weight:900;font-size:14px;padding:6px 12px;border-radius:999px;box-shadow:0 4px 12px #7c3aed66;white-space:nowrap}.cha-ribbon{position:absolute;top:-8px;left:11px;font-size:9.5px;font-weight:900;padding:3px 9px;border-radius:6px;box-shadow:0 3px 8px #0007}.cha-ribbon.best{background:linear-gradient(180deg,#fcd34d,#f59e0b);color:#3a1300}.cha-ribbon.pop{background:linear-gradient(180deg,#fb7185,#e11d48);color:#fff}.cha-ribbon.flat{background:linear-gradient(180deg,#34d399,#0ea5e9);color:#04130d}.cha-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:flex;align-items:flex-end;z-index:40;animation:cha-in .2s}.cha-sheet .card{background:#151026;width:100%;max-width:460px;margin:0 auto;border-radius:20px 20px 0 0;padding:17px 17px calc(17px + var(--safe));animation:cha-up .32s cubic-bezier(.2,.9,.2,1);border-top:2px solid #f59e0b55}.cha-pihdr{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800}.cha-pilogo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#a855f7,#7c3aed);display:grid;place-items:center;font-weight:800}.cha-pirow{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #ffffff12;font-size:14px}.cha-pirow .k{color:var(--color-muted, #b6a6cb)}.cha-pirow b{color:#fff}.cha-amt{font-size:30px;font-weight:900;text-align:center;margin:13px 0 2px}.cha-amt small{font-size:15px;color:var(--color-muted, #b6a6cb);font-weight:700}.cha-slide{margin-top:15px;border:0;border-radius:13px;padding:15px;font-weight:800;font-size:16px;color:#fff;width:100%;background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 8px 22px #7c3aed55;transition:transform .1s}.cha-slide:active{transform:scale(.98)}.cha-spin{width:30px;height:30px;border:3px solid #ffffff33;border-top-color:var(--gold);border-radius:50%;margin:16px auto;animation:cha-spin .8s linear infinite}.cha-cer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:60vh}.cha-beams{position:absolute;width:150vw;height:150vw;left:50%;top:42%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,#f59e0b00,#f59e0b55,transparent 8%,transparent 12%,#fcd34d44,transparent 20%,transparent 25%,#f59e0b55,transparent 33%,transparent 38%,#fcd34d44,transparent 46%,transparent 50%,#f59e0b55,transparent 58%,transparent 63%,#fcd34d44,transparent 71%,transparent 75%,#f59e0b55,transparent 83%,transparent 88%,#fcd34d44,transparent 96%);animation:cha-rays 14s linear infinite;opacity:.6;filter:blur(1px);z-index:0}.cha-halo{position:absolute;width:64vw;height:64vw;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fcd34d77,transparent 65%);animation:cha-glowp 1.8s infinite;z-index:0}.cha-reveal{position:relative;z-index:2;width:178px;height:250px;border-radius:18px;overflow:hidden;border:2px solid var(--rc);box-shadow:0 0 40px var(--rg),0 12px 30px #000a;animation:cha-flip .6s cubic-bezier(.2,.9,.2,1) both}.cha-bn{display:flex;justify-content:space-around;align-items:stretch;box-sizing:border-box;height:calc(58px + var(--safe));padding:7px 6px calc(7px + var(--safe));background:#0d0918;border-top:1px solid #f59e0b2b}.cha-bn button{position:relative;background:none;border:0;color:var(--color-muted, #b6a6cb);font-size:10.5px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:3px}.cha-bn button .i{font-size:19px}.cha-bn button.on{color:var(--gold)}.cha-bn button.on .i{filter:drop-shadow(0 0 7px var(--gold))}.cha-bn button{min-width:0}.cha-bn .lb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cha-bn button.on:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.cha-dot{position:absolute;top:-2px;right:22px;width:15px;height:15px;background:var(--no);border-radius:50%;border:2px solid #0d0918;font-size:9px;font-weight:900;display:grid;place-items:center;color:#fff}.cha-langbar{display:flex;gap:5px}.cha-lg{display:flex;align-items:center;gap:3px;background:#ffffff10;border:1px solid #ffffff1c;color:var(--color-muted, #b6a6cb);font-size:14px;padding:4px 8px;border-radius:9px;font-weight:700;line-height:1}.cha-lg small{font-size:8.5px;letter-spacing:.3px}.cha-lg.on{background:linear-gradient(180deg,#2a2148,#1a1530);border-color:#f59e0b99;color:var(--gold);box-shadow:0 0 10px #f59e0b33}.cha-moik{position:absolute;top:26px;right:7px;z-index:3;background:#000b;border:1px solid #fff4;border-radius:999px;font-size:9px;font-weight:800;padding:3px 7px;color:#fff}.cha-sec{display:flex;align-items:center;gap:10px;margin:12px 2px 7px}.cha-sec b{font-size:16px;font-weight:700;font-family:var(--font-display);letter-spacing:.02em}.cha-sec:after{content:"";flex:1;height:1px;order:1;background:linear-gradient(90deg,#f59e0b4d,transparent 85%)}.cha-sec .more{font-size:11px;color:var(--gold);font-weight:700;order:2}.cha-qtop{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cha-x{width:30px;height:30px;border-radius:9px;border:1px solid #ffffff20;background:#ffffff10;color:var(--color-ink, #fff4e6);font-size:14px;flex:0 0 auto}.cha-qn{font-size:12px;color:var(--color-muted, #b6a6cb);font-weight:700}.cha-streak{margin-left:auto;font-size:13px;font-weight:800;color:var(--gold);background:#ffffff10;padding:4px 10px;border-radius:999px}.cha-streak.bump{animation:cha-pop .4s}.cha-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:12px}.cha-bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#fcd34d);transition:width .4s}.cha-hero{position:relative;height:190px;border-radius:16px;overflow:hidden;border:1px solid #ffffff1c;box-shadow:0 8px 22px #0007}.cha-hero img{width:100%;height:100%;object-fit:cover}.cha-hero .grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#000d)}.cha-hero .meta{position:absolute;left:13px;right:13px;bottom:11px}.cha-hero .theme{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);opacity:.9}.cha-hero h2{font-size:25px;font-weight:700;margin:2px 0 0;text-shadow:0 2px 8px #000}.cha-say{display:flex;gap:9px;align-items:flex-start;margin:12px 0}.cha-say .av{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:0 0 auto}.cha-bub{position:relative;background:#ffffff12;border:1px solid #ffffff18;border-radius:4px 14px 14px;padding:11px 13px;font-size:14.5px;line-height:1.35}.cha-opts{display:flex;flex-direction:column;gap:9px}.cha-opt{display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;width:100%;background:linear-gradient(180deg,#201a38,#16122a);border:1.5px solid #ffffff1e;border-radius:13px;padding:13px 14px;font-size:14px;transition:transform .1s}.cha-opt:active{transform:scale(.99)}.cha-opt.dim{opacity:.45}.cha-opt.ok{border-color:#34d399;background:linear-gradient(180deg,#064e3b,#052e22)}.cha-opt.no{border-color:#fb7185;background:linear-gradient(180deg,#4c0519,#3b0413)}.cha-opt .tick{font-weight:900}.cha-react{margin-top:12px;background:#ffffff0d;border:1px solid #ffffff14;border-radius:13px;padding:12px 13px;animation:cha-in .3s}.cha-react .who{font-weight:800;font-size:14px;margin-bottom:4px}.cha-react p{margin:0;font-size:14px}.cha-react .exp{margin-top:7px;font-size:12px;color:var(--color-muted, #b6a6cb)}.cha-conf{position:fixed;top:-10px;width:9px;height:14px;border-radius:2px;animation:cha-fall linear forwards;z-index:60}@keyframes cha-chest-shake{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg) translateY(-3px)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg) translateY(-2px)}}.cha-chest-shake{animation:cha-chest-shake 1.1s ease-in-out infinite}@keyframes cha-emerge{0%{opacity:0;filter:blur(24px) brightness(.2);transform:scale(1.12)}to{opacity:1;filter:blur(0) brightness(1);transform:scale(1)}}.cha-emerge{animation:cha-emerge 2.2s cubic-bezier(.22,.7,.2,1) both}@keyframes cha-veil{0%{opacity:1}to{opacity:0}}.cha-veil{animation:cha-veil 2.4s ease-in forwards}@keyframes cha-word{0%{opacity:0;transform:translateY(10px);letter-spacing:.18em}to{opacity:1;transform:none;letter-spacing:normal}}.cha-word{animation:cha-word .9s cubic-bezier(.2,.8,.2,1) both}@keyframes cha-pagein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cha-pagein{animation:cha-pagein 1.1s ease both}@keyframes cha-geste{0%{opacity:0;transform:translateY(16px) scale(.8)}60%{transform:translateY(-3px) scale(1.06)}to{opacity:1;transform:none}}.cha-geste{animation:cha-geste .7s cubic-bezier(.2,.9,.3,1.2) both}@keyframes cha-starfloat{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-64px) scale(.4);opacity:0}}@keyframes cha-halo{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.cha-halo{animation:cha-halo 3.2s ease-in-out infinite}@keyframes cha-marq-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes cha-marq-dn{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.cha-mcard{perspective:700px;position:relative}.cha-mcard-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.3,1)}.cha-mcard.up .cha-mcard-in{transform:rotateY(180deg)}.cha-mcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;overflow:hidden}.cha-mcard-front{transform:rotateY(180deg)}@keyframes cha-matchpulse{0%{box-shadow:0 0 #fcd34d00}40%{box-shadow:0 0 0 3px #fcd34d,0 0 18px #f59e0baa}to{box-shadow:0 0 0 2px #fcd34d99}}.cha-matched{animation:cha-matchpulse .7s ease both}@keyframes cha-showtitle{0%{opacity:0;transform:scale(1.3);letter-spacing:.5em;filter:blur(8px)}to{opacity:1;transform:scale(1);letter-spacing:.12em;filter:blur(0)}}.cha-showtitle{animation:cha-showtitle 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes cha-tilein{0%{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cha-parts i,.cha-card .sh,.cha-banner:after,.cha-chest-shake,.cha-beams,.cha-halo,.r-leg .frame,.cha-showtitle,.cha-emerge{animation-duration:.01s!important;animation-iteration-count:1!important}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-indigo-500:oklch(58.5% .233 277.117);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--leading-snug:1.375;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.btn{border-radius:var(--radius-lg);background-color:var(--color-indigo-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.btn:active{scale:.98}.btn:disabled{opacity:.5}.opt{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.opt{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.opt{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.opt{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.opt{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);text-align:left;color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.opt:active{scale:.99}.opt:disabled{cursor:default}.opt-correct{border-color:#00d29499}@supports (color:color-mix(in lab,red,red)){.opt-correct{border-color:color-mix(in oklab,var(--color-emerald-400) 60%,transparent)}}.opt-correct{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.opt-correct{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.opt-wrong{border-color:#ff656899}@supports (color:color-mix(in lab,red,red)){.opt-wrong{border-color:color-mix(in oklab,var(--color-red-400) 60%,transparent)}}.opt-wrong{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.opt-wrong{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.opt-dim{opacity:.4}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-\[100svh\]{min-height:100svh}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.text-red-300{color:var(--color-red-300)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{color-scheme:dark}body{background:#0f1020;margin:0;font-family:system-ui,-apple-system,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}