:root,[data-theme=light]{--font-sans: "Be Vietnam Pro", sans-serif;--background: 220 14% 96%;--foreground: 224 71% 10%;--card: 0 0% 100%;--card-foreground: 224 71% 10%;--popover: 0 0% 100%;--popover-foreground: 224 71% 10%;--primary: 221 83% 53%;--primary-foreground: 0 0% 100%;--secondary: 220 14% 93%;--secondary-foreground: 224 71% 10%;--muted: 220 14% 93%;--muted-foreground: 220 9% 46%;--accent: 220 14% 93%;--accent-foreground: 224 71% 10%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--success: 142 76% 36%;--success-foreground: 142 100% 96%;--border: 220 13% 89%;--input: 220 13% 89%;--ring: 221 83% 53%;--radius: .75rem;--gradient-from: #f0f2f5;--gradient-to: #e4e8ee;--gradient-body: linear-gradient(135deg, var(--gradient-from) 0%, var(--gradient-to) 100%);--theme-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);--card-hover-glow: 0 4px 20px rgba(59, 130, 246, .08)}[data-theme=dark]{--font-sans: "Be Vietnam Pro", sans-serif;--background: 224 71% 8%;--foreground: 213 31% 94%;--card: 220 26% 14%;--card-foreground: 213 31% 94%;--popover: 224 71% 8%;--popover-foreground: 213 31% 94%;--primary: 213 94% 60%;--primary-foreground: 224 71% 8%;--secondary: 220 26% 18%;--secondary-foreground: 213 31% 94%;--muted: 220 26% 18%;--muted-foreground: 215 20% 62%;--accent: 220 26% 18%;--accent-foreground: 213 31% 94%;--destructive: 0 63% 31%;--destructive-foreground: 0 0% 100%;--success: 142 76% 36%;--success-foreground: 142 100% 96%;--border: 220 26% 22%;--input: 220 26% 22%;--ring: 213 94% 60%;--gradient-from: #0c1222;--gradient-to: #162032;--gradient-body: linear-gradient(135deg, var(--gradient-from) 0%, var(--gradient-to) 100%);--theme-shadow: 0 2px 8px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.2);--card-hover-glow: 0 0 20px rgba(96, 165, 250, .12)}[data-theme=modern]{--font-sans: "Be Vietnam Pro", sans-serif;--background: 228 84% 6%;--foreground: 210 40% 98%;--card: 228 60% 14%;--card-foreground: 210 40% 98%;--popover: 228 84% 6%;--popover-foreground: 210 40% 98%;--primary: 243 75% 58%;--primary-foreground: 210 40% 98%;--secondary: 228 40% 20%;--secondary-foreground: 210 40% 98%;--muted: 228 40% 20%;--muted-foreground: 213 31% 78%;--accent: 280 60% 55%;--accent-foreground: 210 40% 98%;--destructive: 0 63% 31%;--destructive-foreground: 210 40% 98%;--success: 142 76% 36%;--success-foreground: 142 100% 96%;--border: 228 40% 24%;--input: 228 40% 24%;--ring: 243 75% 58%;--radius: .75rem;--gradient-from: #080f24;--gradient-to: #121a38;--gradient-body: linear-gradient(160deg, var(--gradient-from) 0%, #10163a 50%, var(--gradient-to) 100%);--theme-shadow: 0 2px 12px rgba(99, 102, 241, .08), 0 8px 24px rgba(0,0,0,.3);--card-hover-glow: 0 0 24px rgba(99, 102, 241, .2), 0 0 48px rgba(139, 92, 246, .08)}[data-theme=classic]{--font-sans: "Playfair Display", serif;--background: 40 40% 94%;--foreground: 30 30% 18%;--card: 42 60% 97%;--card-foreground: 30 30% 18%;--popover: 40 40% 94%;--popover-foreground: 30 30% 18%;--primary: 30 55% 35%;--primary-foreground: 42 60% 97%;--secondary: 36 28% 86%;--secondary-foreground: 30 30% 18%;--muted: 36 28% 88%;--muted-foreground: 30 20% 42%;--accent: 36 28% 86%;--accent-foreground: 30 30% 18%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--success: 142 71% 45%;--success-foreground: 0 0% 100%;--border: 36 28% 78%;--input: 36 28% 78%;--ring: 30 55% 35%;--gradient-from: #f8f0e3;--gradient-to: #ede3d0;--gradient-body: linear-gradient(135deg, var(--gradient-from) 0%, #f4ead8 50%, var(--gradient-to) 100%);--theme-shadow: 0 2px 8px rgba(120, 90, 40, .08), 0 4px 16px rgba(120, 90, 40, .04);--card-hover-glow: 0 4px 20px rgba(160, 120, 60, .12)}[data-theme=sunrise]{--font-sans: "Nunito", sans-serif;--background: 222 20% 10%;--foreground: 210 20% 98%;--card: 218 22% 16%;--card-foreground: 210 20% 98%;--popover: 222 20% 10%;--popover-foreground: 210 20% 98%;--primary: 16 90% 55%;--primary-foreground: 0 0% 100%;--secondary: 218 22% 24%;--secondary-foreground: 210 20% 98%;--muted: 218 22% 24%;--muted-foreground: 210 20% 68%;--accent: 330 80% 55%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--success: 142 71% 45%;--success-foreground: 0 0% 100%;--border: 218 22% 26%;--input: 218 22% 26%;--ring: 16 90% 55%;--gradient-from: #0d1b2a;--gradient-to: #1b263b;--gradient-body: linear-gradient(160deg, #FF8C42 0%, #FF3C83 35%, #6C47FF 70%, #0396FF 100%);--theme-shadow: 0 2px 12px rgba(255, 140, 66, .1), 0 8px 24px rgba(0,0,0,.25);--card-hover-glow: 0 0 20px rgba(255, 60, 131, .15), 0 0 40px rgba(108, 71, 255, .08)}[data-theme=tri-an]{--font-sans: "Nunito", sans-serif;--background: 160 34% 26%;--foreground: 150 8% 95%;--card: 160 32% 31%;--card-foreground: 150 8% 95%;--popover: 160 34% 22%;--popover-foreground: 150 8% 95%;--primary: 0 60% 65%;--primary-foreground: 0 0% 98%;--secondary: 160 30% 36%;--secondary-foreground: 150 8% 95%;--muted: 160 30% 36%;--muted-foreground: 150 10% 78%;--accent: 45 80% 60%;--accent-foreground: 30 30% 18%;--destructive: 0 50% 55%;--destructive-foreground: 0 0% 98%;--success: 130 50% 60%;--success-foreground: 130 100% 96%;--border: 160 20% 55%;--input: 160 34% 28%;--ring: 0 60% 65%;--radius: .75rem;--gradient-from: hsl(160 34% 22%);--gradient-to: hsl(160 34% 26%);--gradient-body: linear-gradient(to bottom right, var(--gradient-from), var(--gradient-to));--theme-shadow: 0 2px 8px rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05) inset;--card-hover-glow: 0 4px 16px rgba(0,0,0,.3)}[data-theme=noel]{--font-sans: "Nunito", sans-serif;--background: 355 85% 10%;--foreground: 0 0% 100%;--card: 355 75% 16%;--card-foreground: 0 0% 100%;--popover: 355 85% 12%;--popover-foreground: 0 0% 100%;--primary: 350 90% 58%;--primary-foreground: 0 0% 100%;--secondary: 355 55% 25%;--secondary-foreground: 0 0% 100%;--muted: 355 50% 20%;--muted-foreground: 355 20% 80%;--accent: 43 96% 56%;--accent-foreground: 30 30% 12%;--destructive: 0 63% 31%;--destructive-foreground: 0 0% 100%;--success: 142 76% 36%;--success-foreground: 142 100% 96%;--border: 355 50% 28%;--input: 355 50% 28%;--ring: 350 90% 58%;--radius: .75rem;--gradient-from: #4a0404;--gradient-to: #2b0202;--gradient-body: linear-gradient(135deg, #6b1010 0%, #3d0808 50%, #450a0a 100%);--theme-shadow: 0 2px 12px rgba(180, 30, 30, .2), 0 8px 24px rgba(0,0,0,.3);--card-hover-glow: 0 0 20px rgba(255, 80, 80, .15), 0 0 40px rgba(255, 200, 50, .06)}[data-theme=premium]{--font-sans: "Inter", sans-serif;--background: 222 59% 5%;--foreground: 210 20% 95%;--card: 215 28% 10%;--card-foreground: 210 20% 95%;--popover: 222 59% 7%;--popover-foreground: 210 20% 95%;--primary: 187 96% 42%;--primary-foreground: 222 59% 5%;--secondary: 215 28% 16%;--secondary-foreground: 210 20% 90%;--muted: 215 28% 14%;--muted-foreground: 215 20% 60%;--accent: 262 83% 58%;--accent-foreground: 210 20% 98%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--success: 158 64% 52%;--success-foreground: 158 100% 10%;--border: 215 28% 18%;--input: 215 28% 18%;--ring: 187 96% 42%;--radius: 1rem;--gradient-from: #020617;--gradient-to: #0f172a;--gradient-body: linear-gradient(135deg, #020617 0%, #0c1929 40%, #0f172a 100%);--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(56, 189, 248, .15);--glow-color: rgba(6, 182, 212, .3);--theme-shadow: 0 2px 16px rgba(6, 182, 212, .08), 0 8px 32px rgba(0,0,0,.4);--card-hover-glow: 0 0 24px rgba(6, 182, 212, .2), 0 0 48px rgba(139, 92, 246, .1)}body{font-family:var(--font-sans);background-color:hsl(var(--background));background-image:var(--gradient-body);color:hsl(var(--foreground));background-attachment:fixed;background-size:cover}[data-theme=tri-an] body{background-image:url(https://hykypgxaegmufdothwbv.supabase.co/storage/v1/object/public/TND/Screenshot%202025-11-03%20050600.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}[data-theme=noel] body{background-image:url(/ontap/assets/img/noel-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.font-quiz-default{font-family:Be Vietnam Pro,sans-serif}@keyframes slide-in-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-in-right{animation:slide-in-right .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes scale-up{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-up{animation:scale-up .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-slow{animation:bounce-slow 2s infinite}.glass-premium{background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08)}[data-theme=light] .glass-premium{background:#ffffffb3;border:1px solid rgba(0,0,0,.05)}.glow-emerald{box-shadow:0 0 20px #10b98133}.glow-blue{box-shadow:0 0 20px #3b82f633}.text-gradient-vibrant{background:linear-gradient(135deg,#0cebeb,#20e3b2,#29ffc6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-slow{background-size:200% 200%;animation:gradient-bg 15s ease infinite}.floating-pill{border-radius:9999px;margin-top:1rem;width:-moz-fit-content;width:fit-content;left:50%;transform:translate(-50%)}.game-card-hover{transition:all .5s cubic-bezier(.23,1,.32,1)}.game-card-hover:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 40px #0000004d;filter:brightness(1.1)}.theme-card-effect{box-shadow:var(--theme-shadow, 0 1px 3px rgba(0,0,0,.1));transition:box-shadow .3s ease,transform .3s ease}.theme-card-effect:hover{box-shadow:var(--card-hover-glow, 0 4px 12px rgba(0,0,0,.15))}._card_1cbi7_2{width:100%;max-width:450px;aspect-ratio:1.586;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f;overflow:hidden;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;border:1px solid rgba(255,255,255,.4);position:relative;margin:0 auto 20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}._card_1cbi7_2:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 50px #00000026}._card_1cbi7_2:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(135deg,#fff0,#fff0 45%,#fff3,#fff0 55%,#fff0);transition:all .6s ease;pointer-events:none;z-index:10}._card_1cbi7_2:hover:after{top:-50%;left:-50%}._header_1cbi7_51{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:8px 16px;display:flex;align-items:center;gap:10px;height:48px;position:relative;overflow:hidden;flex-shrink:0}._headerTeacher_1cbi7_65{background:linear-gradient(135deg,#4c1d95,#8b5cf6)}._header_1cbi7_51:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-100px;right:-50px}._logoPlaceholder_1cbi7_79{width:32px;height:32px;background:#ffffffe6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1e40af;flex-shrink:0;box-shadow:0 2px 6px #0000001a}._headerTeacher_1cbi7_65 ._logoPlaceholder_1cbi7_79{color:#4c1d95}._schoolName_1cbi7_96{font-size:.6rem;font-weight:800;text-transform:uppercase;line-height:1.3;letter-spacing:.5px}._body_1cbi7_105{flex:1;padding:6px 16px 8px;display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff,#f8fafc);position:relative;overflow:hidden;min-height:0}._chip_1cbi7_117{position:absolute;top:30px;right:18px;width:34px;height:26px;background:linear-gradient(135deg,#d4af37,#f9d71c,#d4af37);border-radius:5px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 3px #ffffff80;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);padding:2px;gap:1px;z-index:2}._chipLine_1cbi7_135{border:.5px solid rgba(0,0,0,.15)}._cardTitle_1cbi7_139{text-align:center;color:#1e3a8a;font-size:1.05rem;font-weight:900;text-transform:uppercase;margin:2px 0 6px;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.05);flex-shrink:0}._cardTitleTeacher_1cbi7_151{color:#4c1d95}._contentRow_1cbi7_155{display:flex;gap:14px;flex:1;min-height:0;align-items:flex-start}._photoSection_1cbi7_164{width:80px;flex-shrink:0}._photoWrapper_1cbi7_169{width:100%;aspect-ratio:3/4;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:6px;overflow:hidden;box-shadow:0 3px 8px #00000014}._avatar_1cbi7_179{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._infoSection_1cbi7_186{flex:1;display:flex;flex-direction:column;gap:4px;font-size:.78rem;min-width:0;padding-top:2px}._infoRow_1cbi7_196{display:flex;align-items:flex-start;gap:5px;padding:1px 0;line-height:1.3}._infoRow_1cbi7_196 svg{flex-shrink:0;margin-top:2px}._label_1cbi7_209{font-weight:600;color:#64748b;font-size:.68rem;text-transform:uppercase;letter-spacing:.3px;width:60px;flex-shrink:0}._value_1cbi7_219{font-weight:600;color:#1e293b;font-size:.78rem;word-break:break-word;min-width:0}._valueHighlight_1cbi7_227{color:#1e3a8a;font-size:.95rem;font-weight:800}._cardTitleTeacher_1cbi7_151+._contentRow_1cbi7_155 ._valueHighlight_1cbi7_227{color:#4c1d95}._footer_1cbi7_238{height:32px;background:#f1f5f9;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #e2e8f0;flex-shrink:0}._barcodeSection_1cbi7_249{display:flex;flex-direction:column}._barcode_1cbi7_249{height:14px;width:120px;background:repeating-linear-gradient(90deg,#000,#000 1px,#fff 1px,#fff 3px,#000 3px,#000 5px,#fff 5px,#fff 6px)}._idText_1cbi7_268{font-size:.6rem;color:#64748b;font-family:JetBrains Mono,monospace;font-weight:600}._verifiedBadge_1cbi7_275{display:inline-flex;align-items:center;justify-content:center;background:#dcfce7;color:#166534;padding:1px 5px;border-radius:3px;font-size:.58rem;font-weight:700;margin-left:4px;text-transform:uppercase}@media(max-width:480px){._card_1cbi7_2{max-width:100%;border-radius:12px}._header_1cbi7_51{height:42px;padding:6px 12px}._schoolName_1cbi7_96{font-size:.55rem}._body_1cbi7_105{padding:4px 12px 6px}._cardTitle_1cbi7_139{font-size:.9rem;margin:2px 0 4px}._contentRow_1cbi7_155{gap:10px}._infoSection_1cbi7_186{font-size:.72rem;gap:3px}._photoSection_1cbi7_164{width:65px}._label_1cbi7_209{width:52px;font-size:.62rem}._value_1cbi7_219{font-size:.72rem}._valueHighlight_1cbi7_227{font-size:.85rem}._chip_1cbi7_117{width:28px;height:22px;top:24px;right:14px}._footer_1cbi7_238{height:28px;padding:0 12px}._barcode_1cbi7_249{height:12px;width:100px}._idText_1cbi7_268{font-size:.55rem}}