:root{color-scheme:light;--bg-start:#ffe3e3;--bg-mid:#e9f2ff;--bg-end:#e7ffe9;--surface:rgba(255,255,255,0.98);--surface-strong:rgba(255,255,255,0.99);--text:#1a237e;--muted:#546e7a;--brand:#1a73e8;--brand-soft:rgba(26,115,232,0.10);--warm-red:#f94144;--warm-orange:#f3722c;--warm-gold:#f9c74f;--fresh-green:#90be6d;--fresh-teal:#43aa8b;--sky-blue:#4d7ea8;--level-1:#f3722c;--level-2:#43aa8b;--level-3:#4d7ea8;--button-soft-start:#ff4f3b;--button-soft-end:#ff8a2b;--accent-pink:#f7a6d3;--accent-lilac:#cfa6ff;--accent-mint:#9fe8d0;--border:rgba(20,30,60,0.08);--shadow:0 2px 8px rgba(32,49,95,0.08);--shadow-lg:0 8px 24px rgba(32,49,95,0.10)}*{box-sizing:border-box}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Nunito,Trebuchet MS,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 18%,rgba(239,68,68,.34) 0,rgba(239,68,68,0) 26%),radial-gradient(circle at 82% 18%,rgba(37,99,235,.3) 0,rgba(37,99,235,0) 24%),radial-gradient(circle at 48% 86%,rgba(34,197,94,.28) 0,rgba(34,197,94,0) 25%),linear-gradient(160deg,var(--bg-start) 0,var(--bg-mid) 48%,var(--bg-end) 100%);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:200%;height:200%;display:none;animation:movePattern 20s linear infinite;pointer-events:none;z-index:1}@keyframes movePattern{0%{transform:translate(0)}to{transform:translate(50px,50px)}}body>*{position:relative;z-index:2}a{color:inherit;text-decoration:none}button,input{font:inherit}input,select,textarea{min-height:48px;padding:12px;border-radius:10px;border:1px solid #cbd5e1;font-size:16px;touch-action:manipulation;box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.page{min-height:100vh;padding:48px}.shell{max-width:1240px;margin:0 auto}.students-content-offset{margin-top:34px}.splash-card{padding:24px 30px 36px;border-radius:28px;border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.22));box-shadow:0 18px 48px rgba(24,42,80,.16);backdrop-filter:blur(3px)}.banner,.card,.hero,.panel{background:#ffffff;border:1px solid #e0e7f1}.hero{border-radius:12px;padding:32px;overflow:hidden;position:relative;box-shadow:0 1px 3px rgba(20,30,60,.06)}.hero:after{display:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:6px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.eyebrow.level-1{background:rgba(243,114,44,.14);color:var(--warm-orange)}.eyebrow.level-2{background:rgba(67,170,139,.14);color:var(--fresh-teal)}.eyebrow.level-3{background:rgba(77,126,168,.14);color:var(--sky-blue)}.title{margin:20px 0 10px;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.03em}.subtitle{max-width:780px;font-size:clamp(20px,2vw,28px);line-height:1.45;color:var(--muted);font-weight:700}.grid{display:grid;gap:20px}.settings-grid{display:grid;gap:18px}.grid.two,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:12px;box-shadow:0 1px 3px rgba(20,30,60,.06);transition:all .2s ease}.card:hover{box-shadow:0 4px 12px rgba(20,30,60,.08)}.card h2,.card h3,.panel h2,.panel h3{margin:0 0 10px;color:var(--text)}.card p,.panel p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 20px;border:1px solid transparent;border-radius:10px;background:var(--brand);color:white;font-weight:800;font-size:18px;box-shadow:none;cursor:pointer;transition:all .16s ease;touch-action:manipulation}.button:hover{background:#1565d8;box-shadow:0 6px 18px rgba(26,115,232,.2)}.button:active{transform:scale(.98)}.button.secondary{background:white;color:var(--text);border:1px solid #cbd5e1;box-shadow:none}.button.secondary:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 1px 3px rgba(20,30,60,.06);color:var(--text)}.button.level-1{background:linear-gradient(135deg,var(--warm-red),var(--warm-orange))}.button.level-2{background:linear-gradient(135deg,var(--fresh-green),var(--fresh-teal))}.button.level-3{background:linear-gradient(135deg,var(--fresh-teal),var(--sky-blue))}.panel{border-radius:12px;padding:32px;box-shadow:0 1px 3px rgba(20,30,60,.06);box-sizing:border-box}.touch-target{min-width:48px;min-height:48px;padding:10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.touch-gap{gap:24px}.card{padding:28px}.card:active{transform:translateY(0)}.hit-48{min-height:55px;padding:12px 16px}.glass-card{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.68);box-shadow:0 18px 50px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-modal{background:rgba(255,255,255,.8);box-shadow:0 28px 80px rgba(15,23,42,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.settings-heading{margin:0;font-family:Inter,Poppins,Nunito,sans-serif;font-weight:900;font-size:clamp(30px,4vw,42px);line-height:.98;color:transparent;background:linear-gradient(90deg,#0f172a,#2563eb 44%,#7c3aed);-webkit-background-clip:text;background-clip:text}.settings-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(99,102,241,.1);color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.settings-panel{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.62);box-shadow:0 18px 54px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.66);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.settings-input{padding-right:56px}.settings-input,.settings-number-input{border-radius:999px;background:rgba(255,255,255,.82);min-height:54px;padding-left:44px}.settings-number-input{width:100%}.settings-inline-label{display:block;margin:0 0 8px;color:#17315f;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.settings-action-button{min-height:54px;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#7c3aed);color:#ffffff;box-shadow:0 14px 28px rgba(37,99,235,.2)}.settings-action-button:hover{box-shadow:0 18px 34px rgba(37,99,235,.24)}.settings-action-button.secondary-action{background:rgba(255,255,255,.74);color:#0f172a;border:1px solid rgba(148,163,184,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}.field-action-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px}.toggle-switch{display:inline-block}.toggle-switch input{display:none}.switch-slider{width:54px;height:30px;background:rgba(20,30,60,.08);border-radius:999px;position:relative;transition:background .18s ease,box-shadow .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.switch-slider:before{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;background:#fff;border-radius:999px;box-shadow:0 6px 18px rgba(15,23,42,.12);transition:transform .18s cubic-bezier(.2,.9,.3,1)}.toggle-switch input:checked+.switch-slider{background:linear-gradient(90deg,rgba(67,170,139,.98),rgba(77,126,168,.96))}.toggle-switch input:checked+.switch-slider:before{transform:translateX(24px)}.modern-button.glass-blue{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(14,165,233,.12));color:#0f172a;border:1px solid rgba(37,99,235,.14);box-shadow:0 10px 28px rgba(37,99,235,.08)}.modern-button.glass-red{background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(249,65,68,.08));color:#7f1d1d;border:1px solid rgba(239,68,68,.12);box-shadow:0 10px 28px rgba(239,68,68,.06)}.compact-input{width:120px;padding:8px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.7)}.students-content-offset .grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.students-content-offset .grid.three .card.hit-48{min-height:235px;padding:24px 26px;border-radius:16px}.students-selection-page{position:relative;overflow:hidden}.class-dots-decoration{position:absolute;inset:0;min-height:100vh;pointer-events:none;z-index:0;overflow:hidden;filter:saturate(1.08)}.students-selection-shell{position:relative;z-index:2}.class-dot{position:absolute;width:58px;height:58px;border-radius:999px;animation:classDotFloat 7.2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(15,23,42,.08));opacity:.88;will-change:transform}.class-dot-blue{background:linear-gradient(135deg,#0b63d1,#3798ff)}.class-dot-orange{background:linear-gradient(135deg,#ff9f1a,#ffb347)}.class-dot-red{background:linear-gradient(135deg,#dc2626,#ff5a5f)}.class-dot-green{background:linear-gradient(135deg,#16a34a,#34d399)}.class-dot-mint{background:linear-gradient(135deg,#9fe8d0,#56d6b8)}.class-dot-sky{background:linear-gradient(135deg,#4d7ea8,#7cc8ff)}.class-dot-yellow{background:linear-gradient(135deg,#f9c74f,#ffdf6b)}.class-dot-purple{background:linear-gradient(135deg,#cfa6ff,#9f7bff)}.class-dot-coral{background:linear-gradient(135deg,#ff8a7a,#ffb199)}.class-dot-emerald{background:linear-gradient(135deg,#1fbf87,#63e6be)}@keyframes classDotFloat{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(var(--move-x,0),var(--move-y,-18px),0) scale(1.02)}50%{transform:translate3d(calc(var(--move-x, 0px) * -1),calc(var(--move-y, -18px) * -1),0) scale(.98)}75%{transform:translate3d(var(--move-x2,0),var(--move-y2,16px),0) scale(1.03)}to{transform:translateZ(0) scale(1)}}.class-dot-pop{animation-name:classDotPop}.class-dot-sweep-right{animation-name:classDotSweepRight}.class-dot-sweep-left{animation-name:classDotSweepLeft}@keyframes classDotPop{0%{transform:translateZ(0) scale(.72);opacity:0}15%{opacity:.9;transform:translateZ(0) scale(1.08)}35%{transform:translate3d(var(--move-x,18px),var(--move-y,-18px),0) scale(.98)}70%{transform:translate3d(var(--move-x2,30px),var(--move-y2,18px),0) scale(1.02);opacity:.88}to{transform:translateZ(0) scale(.72);opacity:0}}@keyframes classDotSweepRight{0%{transform:translate3d(-18vw,0,0) scale(.88);opacity:0}12%{opacity:.92}50%{transform:translate3d(16vw,var(--move-y,-12px),0) scale(1);opacity:.92}to{transform:translate3d(116vw,var(--move-y2,16px),0) scale(.96);opacity:0}}@keyframes classDotSweepLeft{0%{transform:translate3d(18vw,0,0) scale(.88);opacity:0}12%{opacity:.92}50%{transform:translate3d(-14vw,var(--move-y,12px),0) scale(1);opacity:.92}to{transform:translate3d(-118vw,var(--move-y2,-16px),0) scale(.96);opacity:0}}.students-selection-page>.shell>div,.students-selection-page>.shell>section{position:relative;z-index:1}.students-selection-card{position:relative;overflow:hidden;border-radius:28px!important}.students-selection-card-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.students-selection-card-border rect{fill:none;stroke:#3b82f6;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(59,130,246,1)) drop-shadow(0 0 14px rgba(59,130,246,.7));stroke-dasharray:1000;stroke-dashoffset:1000;animation:studentsSelectionBorderDraw 9.5s cubic-bezier(.4,0,.2,1) infinite}.game-selection-card-border rect{fill:none;stroke:rgba(239,68,68,.85);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(239,68,68,.6));stroke-dasharray:1000;stroke-dashoffset:1000;animation:studentsSelectionBorderDraw 6.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes studentsSelectionBorderDraw{0%{stroke-dashoffset:1000;opacity:0}10%{opacity:1}65%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1000;opacity:0}}.students-selection-card-content{position:relative;z-index:1;height:100%;padding:24px 28px;border-radius:26px;background:rgba(255,255,255,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.class-management-page,.edit-content-page,.reports-page,.settings-page,.student-management-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 34%),radial-gradient(circle at 18% 18%,rgba(251,191,236,.62) 0,rgba(251,191,236,0) 26%),radial-gradient(circle at 82% 12%,rgba(191,219,254,.55) 0,rgba(191,219,254,0) 22%),linear-gradient(135deg,#fff1f6,#f6f3ff 42%,#eff8ff)}.class-management-page:after,.class-management-page:before,.edit-content-page:after,.edit-content-page:before,.reports-page:after,.reports-page:before,.settings-page:after,.settings-page:before,.student-management-page:after,.student-management-page:before{content:"";position:absolute;border-radius:999px;filter:blur(30px);opacity:.7;pointer-events:none}.class-management-page:before,.edit-content-page:before,.reports-page:before,.settings-page:before,.student-management-page:before{width:340px;height:340px;right:-80px;top:120px;background:rgba(168,85,247,.1)}.class-management-page:after,.edit-content-page:after,.reports-page:after,.settings-page:after,.student-management-page:after{width:280px;height:280px;left:-90px;bottom:100px;background:rgba(59,130,246,.1)}.student-management-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 42px}.glass-card{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 70px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.student-heading{font-family:Inter,Poppins,Nunito,sans-serif;font-weight:900;letter-spacing:-.04em;line-height:1.15;padding-bottom:.1em;margin:0;color:transparent;background:linear-gradient(90deg,#0f172a,#2563eb 44%,#7c3aed);-webkit-background-clip:text;background-clip:text}.section-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#6b7280}.section-copy{margin:0;color:#64748b;line-height:1.65}.metric-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:22px 20px;min-height:118px;border-radius:24px}.metric-label{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#64748b}.metric-value{font-size:clamp(34px,4vw,46px);line-height:1;font-weight:900;color:#0f172a}.metric-note{margin-top:4px;font-size:14px;color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-shell{position:relative}.field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.modern-input{width:100%;min-height:56px;padding:14px 16px 14px 44px;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.78);color:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.modern-input:focus{outline:none;border-color:rgba(99,102,241,.45);box-shadow:0 0 0 4px rgba(99,102,241,.12)}.gender-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gender-pill{min-height:56px;border-radius:16px;border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.7);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:#334155;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.gender-pill:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08)}.gender-pill.active{color:#ffffff;border-color:transparent;box-shadow:0 14px 28px rgba(59,130,246,.22)}.gender-pill.male.active{background:linear-gradient(135deg,#60a5fa,#2563eb)}.gender-pill.female.active{background:linear-gradient(135deg,#fb7185,#db2777)}.gender-pill.other.active{background:linear-gradient(135deg,#34d399,#0ea5e9)}.modern-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border:none;border-radius:16px;font-weight:900;color:#ffffff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 14px 28px rgba(37,99,235,.2)}.modern-button:hover{transform:translateY(-1px);filter:saturate(1.05)}.modern-button:active{transform:translateY(0)}.modern-button.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)}.modern-button.secondary{background:rgba(255,255,255,.72);color:#0f172a;border:1px solid rgba(148,163,184,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.table-shell{overflow-x:auto;border-radius:24px}.student-table{width:100%;border-collapse:collapse}.student-table thead th{text-align:left;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#64748b;padding:14px 12px;border-bottom:1px solid rgba(226,232,240,.9)}.student-table tbody td{padding:12px;border-bottom:1px solid rgba(241,245,249,.95);vertical-align:middle}.student-table tbody tr:hover{background:rgba(255,255,255,.42)}.student-name-cell{display:flex;align-items:center;gap:12px}.student-avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;color:#ffffff;font-weight:900;flex-shrink:0;box-shadow:0 10px 20px rgba(15,23,42,.12)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.male{color:#2563eb;background:rgba(96,165,250,.16)}.badge.female{color:#db2777;background:rgba(244,114,182,.16)}.badge.other{color:#0f766e;background:rgba(45,212,191,.16)}.badge.class{color:#7c3aed;background:rgba(196,181,253,.22)}.action-button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.72);display:inline-grid;place-items:center;color:#64748b;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(15,23,42,.08);color:#0f172a}.action-button.delete:hover{background:rgba(239,68,68,.12);color:#dc2626}.action-button.edit:hover{background:rgba(59,130,246,.12);color:#2563eb}.glass-modal,.glass-modal-wide{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 80px rgba(15,23,42,.24);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.class-management-shell{gap:18px}.class-management-card,.class-management-hero,.class-management-list{background:rgba(255,255,255,.52)!important;border:1px solid rgba(255,255,255,.74)!important;box-shadow:0 18px 54px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.class-management-hero{padding:28px;border-radius:32px}.class-management-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(99,102,241,.12);color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.class-management-title{display:flex;align-items:center;gap:14px;margin-top:12px}.class-management-heading{margin:0;font-family:Inter,Poppins,Nunito,sans-serif;font-weight:900;letter-spacing:-.05em;line-height:.95;color:transparent;background:linear-gradient(90deg,#0f172a,#2563eb 45%,#7c3aed);-webkit-background-clip:text;background-clip:text}.class-management-subtitle{margin:12px 0 0;color:#64748b;font-size:15px;line-height:1.6;font-weight:600}.class-form-grid{display:grid;gap:14px}.class-input-shell{position:relative}.class-input-icon{position:absolute;left:16px;top:18px;width:18px;height:18px;color:#94a3b8;pointer-events:none}.class-management-input,.class-management-textarea{width:100%;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.76);color:#0f172a;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.class-management-input{min-height:56px;padding:14px 16px 14px 44px}.class-management-textarea{min-height:120px;padding:16px 16px 16px 44px;resize:vertical}.class-management-input:focus,.class-management-textarea:focus{outline:none;border-color:rgba(99,102,241,.45);box-shadow:0 0 0 4px rgba(99,102,241,.12)}.class-action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border:none;border-radius:16px;font-weight:900;color:#ffffff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease;box-shadow:0 14px 28px rgba(37,99,235,.2)}.class-action-button:hover{transform:translateY(-1px);filter:saturate(1.05)}.class-action-button:active{transform:translateY(0)}.class-action-button.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)}.class-action-button.primary:disabled{background:rgba(148,163,184,.34);color:rgba(71,85,105,.92);box-shadow:none;cursor:not-allowed}.class-action-button.primary:disabled:hover{transform:none;filter:none}.class-management-list{padding:28px;border-radius:30px}.class-list-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.class-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 10px;border-radius:999px;background:rgba(99,102,241,.12);color:#4f46e5;font-size:12px;font-weight:900}.class-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:20px;border:1px solid rgba(226,232,240,.82);background:rgba(255,255,255,.48);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.class-row:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.08);background:rgba(255,255,255,.62);border-color:rgba(191,219,254,.95)}.class-row-main{display:flex;align-items:center;gap:14px;min-width:0}.class-avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:#ffffff;flex-shrink:0;box-shadow:0 12px 22px rgba(15,23,42,.12)}.class-row-title{margin:0;font-size:16px;font-weight:900;color:#0f172a}.class-row-description{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.5}.class-delete-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:14px;border:1px solid rgba(248,113,113,.18);background:rgba(255,255,255,.68);color:#b91c1c;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease}.class-delete-button:hover{transform:translateY(-1px);background:rgba(254,226,226,.82);border-color:rgba(248,113,113,.32);box-shadow:0 12px 22px rgba(239,68,68,.12)}.edit-content-page{font-family:Nunito,Trebuchet MS,Arial,sans-serif;font-weight:600}.edit-content-shell{gap:20px}.edit-content-back-row{display:flex;justify-content:flex-start}.edit-content-editor,.edit-content-hero{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.74);box-shadow:0 18px 54px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.edit-content-hero{padding:28px;border-radius:32px}.edit-content-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(37,99,235,.12);color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.edit-content-heading{margin:14px 0 10px;font-family:Inter,Poppins,Nunito,sans-serif;font-size:clamp(34px,5vw,54px);font-weight:900;letter-spacing:-.05em;line-height:.95;color:transparent;background:linear-gradient(90deg,#0f172a,#2563eb 44%,#7c3aed);-webkit-background-clip:text;background-clip:text}.edit-content-subtitle{max-width:780px;margin:0;color:#64748b;font-size:15px;line-height:1.65;font-weight:600}.edit-content-panel{position:relative}.edit-content-editor{border-radius:32px;padding:28px}.edit-content-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.edit-content-level-tabs,.edit-content-subtabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edit-content-level-tabs{padding:14px;border-radius:22px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(15,23,42,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.edit-content-button,.edit-content-button-secondary,.edit-content-level-tab,.edit-content-subtab{border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease,filter .18s ease}.edit-content-level-tab,.edit-content-subtab{min-height:48px;padding:13px 18px;border-radius:999px;font-weight:900;letter-spacing:.01em;white-space:nowrap}.edit-content-level-tab{background:rgba(255,255,255,.78);color:#13315c;border-color:rgba(148,163,184,.38);box-shadow:0 8px 20px rgba(15,23,42,.08)}.edit-content-level-tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#0f172a 160%);color:#ffffff;border-color:rgba(37,99,235,.55);box-shadow:0 14px 26px rgba(37,99,235,.24)}.edit-content-button-secondary:hover,.edit-content-button:hover,.edit-content-level-tab:hover,.edit-content-subtab:hover{transform:translateY(-1px)}.edit-content-subtabs{margin-bottom:24px}.edit-content-subtab{background:rgba(255,255,255,.66);color:#17315f;border-color:rgba(148,163,184,.26);box-shadow:0 8px 18px rgba(15,23,42,.06)}.edit-content-subtab.active{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.26);color:#1d4ed8;box-shadow:0 10px 22px rgba(37,99,235,.1)}.edit-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:24px;align-items:start}.edit-content-form,.edit-content-preview-column{min-width:0}.edit-content-form-stack{display:grid;gap:14px}.edit-content-field-shell{position:relative}.edit-content-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.edit-content-label{display:block;margin-bottom:8px;color:#17315f;font-size:14px;font-weight:800;letter-spacing:.01em}.edit-content-field,.edit-content-select,.edit-content-textarea{width:100%;min-height:56px;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.76);color:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.edit-content-field,.edit-content-select{padding:14px 16px 14px 44px}.edit-content-textarea{min-height:120px;padding:16px 16px 16px 44px;resize:vertical}.edit-content-field:focus,.edit-content-select:focus,.edit-content-textarea:focus{outline:none;border-color:rgba(99,102,241,.45);box-shadow:0 0 0 4px rgba(99,102,241,.12)}.edit-content-dropzone{display:flex;gap:14px;align-items:stretch;justify-content:space-between;flex-wrap:wrap;min-height:170px;padding:16px;border-radius:22px;border:1px dashed rgba(148,163,184,.42);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.56)),linear-gradient(135deg,rgba(59,130,246,.06),rgba(168,85,247,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 14px 24px rgba(15,23,42,.05)}.edit-content-dropzone:hover{border-color:rgba(37,99,235,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 30px rgba(15,23,42,.08)}.edit-content-dropzone-main{flex:1 1 220px;min-width:0}.edit-content-dropzone-title{color:#1a237e;font-size:14px;font-weight:800;word-break:break-word}.edit-content-dropzone-helper{margin-top:4px;color:#64748b;font-size:13px;line-height:1.45;font-weight:600}.edit-content-dropzone-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.edit-content-dropzone-clear{min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.78);color:#17315f;font-size:12px;font-weight:800}.edit-content-dropzone-preview{flex:0 0 128px;width:128px;height:108px;border-radius:18px;overflow:hidden;background:rgba(248,250,252,.96);border:1px solid rgba(226,232,240,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.edit-content-dropzone-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.edit-content-dropzone-preview-empty{width:100%;height:100%;display:grid;place-items:center;color:#94a3b8;font-size:12px;font-weight:800;text-align:center;padding:8px}.edit-content-preview-card{padding:22px;border-radius:28px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.76);box-shadow:0 20px 48px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.edit-content-preview-heading{margin:0 0 12px;color:#0f1f5b;font-size:15px;font-weight:900;letter-spacing:.01em}.edit-content-preview-empty{min-height:220px;display:grid;place-items:center;gap:14px;padding:24px;border-radius:22px;border:1px dashed rgba(148,163,184,.34);background:linear-gradient(180deg,rgba(248,250,252,.82),rgba(255,255,255,.62));color:#7086a4;text-align:center}.edit-content-preview-empty-text{max-width:220px;font-size:14px;line-height:1.6;font-weight:700}.edit-content-preview-media{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:18px;margin-bottom:14px;box-shadow:0 14px 26px rgba(15,23,42,.12)}.edit-content-preview-word{margin:12px 0 10px;color:#1a237e;font-size:18px;font-weight:900}.edit-content-preview-actions{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.edit-content-button,.edit-content-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border-radius:16px;font-size:14px;font-weight:900}.edit-content-button{border-color:rgba(37,99,235,.18);background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#0ea5e9 140%);color:#ffffff;box-shadow:0 14px 28px rgba(37,99,235,.18),inset 0 0 0 1px rgba(255,255,255,.12)}.edit-content-button:hover{filter:saturate(1.04);transform:translateY(-1px) scale(1.01);box-shadow:0 18px 34px rgba(37,99,235,.22),0 0 22px rgba(96,165,250,.18)}.edit-content-button-secondary{border-color:rgba(148,163,184,.26);background:rgba(255,255,255,.72);color:#17315f;box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 10px 22px rgba(15,23,42,.06)}.edit-content-button-secondary:hover{background:rgba(255,255,255,.88);border-color:rgba(148,163,184,.36)}.edit-content-button-secondary:active,.edit-content-button:active{transform:translateY(0)}@media (max-width:900px){.edit-content-editor,.edit-content-hero{padding:20px;border-radius:24px}.edit-content-grid{grid-template-columns:1fr}.edit-content-preview-card{padding:18px}.edit-content-preview-media{height:200px}}@media (max-width:600px){.edit-content-dropzone{min-height:0}.edit-content-dropzone-preview{width:100%;flex-basis:100%}}.reports-page{font-family:Nunito,Trebuchet MS,Arial,sans-serif}.reports-shell{display:grid;gap:18px}.reports-header{position:relative;padding:28px;border-radius:32px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.74);box-shadow:0 18px 54px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reports-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.reports-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(37,99,235,.12);color:#4f46e5;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.reports-title-row{display:flex;align-items:center;gap:14px;margin-top:12px}.reports-title-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#ffffff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 30px rgba(37,99,235,.22);flex-shrink:0}.reports-title{margin:0;font-family:Inter,Poppins,Nunito,sans-serif;font-size:clamp(34px,5vw,54px);font-weight:900;letter-spacing:-.05em;line-height:.95;color:transparent;background:linear-gradient(90deg,#0f172a,#2563eb 44%,#7c3aed);-webkit-background-clip:text;background-clip:text}.reports-subtitle{max-width:780px;margin:10px 0 0;color:#64748b;font-size:15px;line-height:1.65;font-weight:600}.reports-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reports-filter-card,.reports-metric-card,.reports-table-card{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.74);box-shadow:0 18px 54px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.reports-metric-card{display:flex;align-items:center;gap:16px;padding:24px;min-height:132px;border-radius:28px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.reports-filter-card:hover,.reports-metric-card:hover,.reports-table-card:hover{transform:translateY(-1px)}.reports-metric-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#ffffff;flex-shrink:0;box-shadow:0 14px 30px rgba(37,99,235,.2)}.reports-metric-icon.games{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.reports-metric-icon.top{background:linear-gradient(135deg,#f59e0b,#ef4444)}.reports-metric-copy{min-width:0}.reports-metric-label{margin:0 0 8px;color:#64748b;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.reports-metric-value{margin:0;font-size:clamp(34px,4vw,46px);line-height:1;font-weight:900;color:#0f172a}.reports-metric-subtext{margin-top:6px;color:#64748b;font-size:14px;line-height:1.5;font-weight:600}.reports-filter-card{padding:20px;border-radius:28px}.reports-filter-grid{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.reports-filter-group{min-width:180px;flex:1 1 180px}.reports-filter-label{display:block;margin-bottom:8px;color:#17315f;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.reports-select-shell{position:relative}.reports-select-icon{left:16px}.reports-select-chevron,.reports-select-icon{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.reports-select-chevron{right:16px}.reports-select{width:100%;min-height:56px;padding:14px 42px 14px 44px;border-radius:16px;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.76);color:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.reports-select:focus{outline:none;border-color:rgba(99,102,241,.45);box-shadow:0 0 0 4px rgba(99,102,241,.12)}.reports-actions{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.reports-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border-radius:16px;border:1px solid transparent;font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,filter .18s ease}.reports-button:hover{transform:translateY(-1px);filter:saturate(1.04)}.reports-button.csv{color:#ffffff;background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(14,165,233,.88));box-shadow:0 14px 28px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.16)}.reports-button.pdf{color:#ffffff;background:linear-gradient(135deg,rgba(239,68,68,.92),rgba(244,63,94,.88));box-shadow:0 14px 28px rgba(239,68,68,.16),inset 0 1px 0 rgba(255,255,255,.16)}.reports-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.reports-error{padding:12px 14px;margin-bottom:24px;border-radius:16px;background:rgba(249,65,68,.1);border:1px solid rgba(249,65,68,.24);color:#b91c1c;font-size:12px;font-weight:700}.reports-table-card{overflow:hidden;border-radius:30px}.reports-table-wrap{overflow-x:auto}.reports-table{width:100%;border-collapse:separate;border-spacing:0}.reports-table thead th{padding:16px 18px;background:rgba(255,255,255,.54);border-bottom:1px solid rgba(226,232,240,.85);color:#17315f;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-align:left;white-space:nowrap}.reports-th-label{display:inline-flex;align-items:center;gap:8px}.reports-sort-icon{width:14px;height:14px;color:#94a3b8}.reports-table tbody td{padding:16px 18px;border-bottom:1px solid rgba(241,245,249,.92);color:#0f172a;vertical-align:middle}.reports-table tbody tr{background:rgba(255,255,255,.35);transition:background .18s ease,transform .18s ease}.reports-table tbody tr:hover{background:rgba(255,255,255,.58)}.reports-level-badge,.reports-rank-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.reports-rank-badge{min-width:42px;background:rgba(37,99,235,.12);color:#2563eb}.reports-student-cell{display:flex;align-items:center;gap:12px}.reports-avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;color:#ffffff;font-weight:900;box-shadow:0 10px 20px rgba(15,23,42,.12)}.reports-score,.reports-student-name{font-weight:900;color:#0f172a}.reports-date{color:#64748b;font-weight:600}.reports-level-badge.level-1{background:rgba(37,99,235,.12);color:#2563eb}.reports-level-badge.level-2{background:rgba(34,197,94,.14);color:#15803d}.reports-level-badge.level-3{background:rgba(168,85,247,.14);color:#7c3aed}.reports-empty-cell{padding:32px 18px!important;text-align:center;color:#64748b}.reports-skeleton-row{height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(226,232,240,.55),rgba(255,255,255,.9),rgba(226,232,240,.55));background-size:200% 100%;animation:reports-shimmer 1.4s ease-in-out infinite}.reports-skeleton-row.tall{height:40px}.reports-skeleton-row.short{width:72%}.reports-skeleton-row.xs{width:46%}.reports-footer{padding:18px 8px 4px;text-align:center;color:#64748b;font-size:12px;font-weight:600}@keyframes reports-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.reports-filter-card,.reports-header,.reports-table-card{border-radius:24px}.reports-metrics{grid-template-columns:1fr}.reports-metric-card{min-height:116px}.reports-actions{margin-left:0;width:100%}.class-management-hero,.class-management-list{padding:20px;border-radius:24px}.class-management-title,.class-row{align-items:flex-start}.student-management-shell{width:min(100%,calc(100% - 24px));padding-top:18px}.form-grid,.gender-group{grid-template-columns:1fr}}.pulse{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(26,115,232,.08)}50%{box-shadow:0 0 18px 6px rgba(26,115,232,.06)}to{box-shadow:0 0 0 0 rgba(26,115,232,0)}}.stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.stat{min-width:160px;padding:18px 20px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--border)}.stat strong{display:block;font-size:24px}.stat span{font-size:16px;color:var(--muted)}@media (max-width:900px){.page{padding:24px}.students-content-offset{margin-top:18px}.splash-card{width:100%;padding:20px 18px 28px;border-radius:22px}.grid.three,.grid.two,.settings-grid{grid-template-columns:1fr}.hero{padding:28px;border-radius:24px}}.toast-container{position:fixed;right:20px;top:24px;display:flex;flex-direction:column;gap:10px;z-index:99999}.toast{background:linear-gradient(180deg,rgba(34,40,64,.98),rgba(24,30,50,.98));color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 8px 24px rgba(8,10,20,.45);min-width:220px;max-width:420px;font-weight:700;font-size:14px;opacity:.98}.alphabet-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floating-letter{position:absolute;opacity:.92;display:block;transform-origin:center center;will-change:transform,opacity,filter;animation-name:float-travel;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both}.floating-letter svg{width:100%;height:100%;display:block;overflow:visible}.floating-letter-shape{font-family:Nunito,Arial,sans-serif;font-size:100px;font-weight:900;fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill}@keyframes float-travel{0%{transform:translate3d(var(--start-x),var(--start-y),0) rotate(var(--start-rotate)) scale(var(--start-scale,1));opacity:0}12%{opacity:.74}50%{transform:translate3d(var(--mid-x),var(--mid-y),0) rotate(var(--mid-rotate)) scale(var(--mid-scale,1.04));opacity:.94}88%{opacity:.74}to{transform:translate3d(var(--end-x),var(--end-y),0) rotate(var(--end-rotate)) scale(var(--end-scale,.98));opacity:0}}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:.6}50%{opacity:.9}to{transform:translateY(-15vh) scale(.95);opacity:.4}}@keyframes float-down{0%{transform:translateY(0) scale(1);opacity:.6}50%{opacity:.9}to{transform:translateY(15vh) scale(.95);opacity:.4}}@keyframes float-left{0%{transform:translateX(0) scale(1);opacity:.6}50%{opacity:.9}to{transform:translateX(-12vw) scale(.95);opacity:.4}}@keyframes float-right{0%{transform:translateX(0) scale(1);opacity:.6}50%{opacity:.9}to{transform:translateX(12vw) scale(.95);opacity:.4}}.floating-dot{position:absolute;width:1.2vw;height:1.2vw;border-radius:50%;opacity:.7;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:600px){.floating-letter-shape{stroke-width:2px}.floating-dot{width:2.5vw;height:2.5vw}}@keyframes kid-wave{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes letter-elastic{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-12px) scaleY(1.2) scaleX(.8)}50%{transform:translateY(2px) scaleY(.9) scaleX(1.1)}70%{transform:translateY(-2px) scaleY(1.05) scaleX(.95)}}@keyframes button-juicy-pulse{0%,to{transform:scale(1);box-shadow:0 16px 36px rgba(249,65,68,.35),0 0 0 0 rgba(249,65,68,.4)}50%{transform:scale(1.04);box-shadow:0 20px 48px rgba(249,65,68,.5),0 0 20px 10px rgba(249,65,68,0)}}@keyframes background-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.spark-gradient-page{background:linear-gradient(-45deg,#e0f2fe,#f0fdf4,#fef2f2,#fef9c3);background-size:400% 400%;animation:background-gradient-shift 15s ease infinite}.animated-kid{animation:kid-wave 4s ease-in-out infinite alternate;transform-origin:bottom center;filter:drop-shadow(0 12px 24px rgba(0,0,0,.12))}.bouncy-title-letter{display:inline-block;cursor:pointer;transition:color .3s ease}.bouncy-title-letter:hover{animation:letter-elastic .8s ease;color:#ff6b6b}.bouncy-title-letter:nth-child(2n):hover{color:#f9c74f}.bouncy-title-letter:nth-child(3n):hover{color:#4d7ea8}.bouncy-title-letter:nth-child(4n):hover{color:#2b7a5a}.juicy-play-button{animation:button-juicy-pulse 3s ease-in-out infinite;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.juicy-play-button:hover{transform:scale(1.08) translateY(-3px);filter:saturate(1.1) brightness(1.05)}.juicy-play-button:active{transform:scale(.96) translateY(2px)}.glass-card-premium{background:rgba(255,255,255,.72)!important;border:4px solid rgba(255,255,255,.9)!important;border-radius:36px!important;box-shadow:0 24px 60px rgba(24,42,80,.12),inset 0 2px 0 rgba(255,255,255,.6)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.cartoon-bubble-letter{filter:drop-shadow(0 8px 16px rgba(0,0,0,.08));transition:transform .3s ease}.cartoon-bubble-letter:hover{transform:scale(1.2) rotate(5deg)!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.15))}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.7) rotate(0deg)}50%{opacity:.9;transform:scale(1.15) rotate(15deg)}}@keyframes cloud-drift{0%{transform:translateX(-15vw)}to{transform:translateX(115vw)}}.twinkling-star{color:#f9c74f;animation:twinkle var(--dur,3s) infinite ease-in-out;animation-delay:var(--delay,0s);filter:drop-shadow(0 0 4px rgba(249,199,79,.4))}.floating-cloud,.twinkling-star{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.floating-cloud{opacity:.16;animation:cloud-drift var(--dur,60s) linear infinite;animation-delay:var(--delay,0s);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif}