:root{--sun: #ffc93c;--sun-deep: #ffa62b;--coral: #ff6b6b;--pink: #ff7aa8;--teal: #23b5a8;--teal-soft: #7fe0d4;--mint: #b6f0dc;--grape: #6c4ab6;--ink: #3a2e5c;--ink-soft: #7a6fa0;--cream: #fff7ec;--card: #ffffff;--line: #f0e7da;--color-accent: #6c4ab6;--accent-2: #ff6b6b;--bg: var(--cream);--surface: #ffffff;--surface-2: #fbf6ee;--text: var(--ink);--muted: var(--ink-soft);--success: #16a34a;--success-soft: #f4fffb;--danger: #e11d48;--danger-soft: #ffe9ee;--grad-brand: linear-gradient(135deg, var(--grape), var(--coral));--grad-points: linear-gradient(90deg, var(--sun), var(--coral));--grad-sky: linear-gradient(165deg, #62d2c8 0%, #39b7ac 48%, #ffcb52 130%);--grad-page: radial-gradient(900px 480px at 82% -12%, #5bd1c6 0%, transparent 58%), radial-gradient(900px 480px at 8% 0%, #ffcf8a 0%, transparent 55%), var(--cream);--r-sm: 14px;--r: 18px;--r-lg: 24px;--r-pill: 999px;--shadow-sm: 0 8px 18px -12px rgba(58, 46, 92, .3);--shadow: 0 14px 28px -12px rgba(58, 46, 92, .28);--shadow-lg: 0 26px 50px -18px rgba(58, 46, 92, .4);--ring: 0 0 0 4px rgba(108, 74, 182, .16);font-family:Heebo,system-ui,Segoe UI,Tahoma,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-block-size:100%}body{background:var(--grad-page);background-attachment:fixed;color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.18;font-family:Varela Round,Heebo,sans-serif;font-weight:700}a{color:var(--color-accent)}.muted{color:var(--muted)}.num{font-family:Fredoka,Heebo,sans-serif}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--r-pill);padding-block:.75rem;padding-inline:1.4rem;font-size:1rem;font-weight:800;cursor:pointer;transition:transform .14s ease,filter .2s ease,box-shadow .2s ease}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 12px 22px -10px #6c4ab6cc}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:scale(.98)}.btn-coral{background:linear-gradient(135deg,var(--coral),var(--pink));color:#fff;box-shadow:0 12px 22px -10px #ff6b6bcc}.btn-block{inline-size:100%}.btn-lg{padding-block:1rem;font-size:1.1rem}button:disabled{opacity:.5;cursor:default;box-shadow:none}.link{background:none;border:none;color:var(--color-accent);font-weight:700;cursor:pointer;padding:.25rem;border-radius:8px}.link:hover,.link.is-active{text-decoration:underline}.icon-btn{border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:var(--r-pill);inline-size:38px;block-size:38px;font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow-sm);display:grid;place-items:center}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1.5px solid #e7ddf0;border-radius:var(--r-sm);padding-block:.7rem;padding-inline:.9rem;inline-size:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--ring)}label{font-weight:600;font-size:.92rem}.card{background:var(--surface);border-radius:var(--r-lg);padding:1.1rem;box-shadow:var(--shadow)}.error{color:var(--danger);font-weight:700;background:var(--danger-soft);padding-block:.5rem;padding-inline:.75rem;border-radius:var(--r-sm)}.app--student{max-inline-size:460px;margin-inline:auto;min-block-size:100dvh;position:relative;padding-block-end:96px}.sky{background:var(--grad-sky);padding-block:clamp(28px,8vw,46px) 74px;padding-inline:20px;position:relative;overflow:hidden;border-end-start-radius:30px;border-end-end-radius:30px}.cloud{position:absolute;background:#ffffff8c;border-radius:50px}.cloud.c1{inline-size:90px;block-size:26px;inset-block-start:54px;inset-inline-start:-12px;opacity:.7}.cloud.c2{inline-size:64px;block-size:20px;inset-block-start:110px;inset-inline-end:18px;opacity:.55}.sky-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2;gap:.75rem}.hello{color:#fff}.hello .small{font-size:13px;font-weight:500;opacity:.92}.hello .name{font-family:Varela Round;font-size:26px;margin-block-start:2px;text-shadow:0 2px 0 rgba(0,0,0,.08)}.streak-pill{background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.45);color:#fff;border-radius:18px;padding-block:8px;padding-inline:12px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:15px}.sky-actions{display:flex;gap:.4rem;align-items:center}.mascot-row{display:flex;align-items:center;gap:14px;margin-block-start:16px;position:relative;z-index:2}.mascot{flex:0 0 auto;animation:bob 3.4s ease-in-out infinite}.student-avatar{flex:0 0 auto;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:var(--shadow)}@keyframes bob{50%{transform:translateY(-7px) rotate(-3deg)}}.speech{background:#fff;border-radius:18px 18px 18px 6px;padding-block:11px;padding-inline:14px;color:var(--ink);font-weight:700;font-size:15px;line-height:1.35;box-shadow:var(--shadow);flex:1}.speech b{color:var(--coral)}.t-updated{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-block-start:8px;font-size:12px;font-weight:600;color:var(--muted, #8a82a6)}.t-updated .edited-tag{color:var(--grape, #6c4ab6)}.link-btn{background:none;border:none;padding:2px 4px;margin-inline-start:auto;font:inherit;font-weight:800;color:var(--teal, #23b5a8);cursor:pointer;text-decoration:underline}.link-btn.cancel{display:block;margin-block-start:8px;margin-inline-start:0;color:var(--muted, #8a82a6)}.sky-clock{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block-start:14px;position:relative;z-index:2;font-family:Heebo,sans-serif;font-size:13px;font-weight:700}.sky-clock span{background:#ffffff38;color:#fff;padding-block:5px;padding-inline:11px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.sky-clock .sc-time{font-variant-numeric:tabular-nums}.points-wrap{padding-inline:18px;margin-block-start:-54px;position:relative;z-index:5}.points{background:var(--card);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.points-top{display:flex;align-items:flex-end;justify-content:space-between;margin-block-end:14px}.pt-label{font-size:13px;color:var(--ink-soft);font-weight:600}.pt-num{font-family:Fredoka;font-size:38px;color:var(--ink);line-height:.9;display:flex;align-items:baseline;gap:6px}.pt-goal{text-align:end}.pt-goal .g1{font-size:12px;color:var(--ink-soft);font-weight:600}.pt-goal .g2{font-family:Fredoka;font-size:19px;color:var(--coral)}.bar{block-size:16px;background:#f1ecf6;border-radius:20px;overflow:hidden;position:relative}.bar .fill{block-size:100%;border-radius:20px;background:var(--grad-points);transition:inline-size .7s cubic-bezier(.34,1.56,.64,1);min-inline-size:18px}.bar .gift{position:absolute;inset-inline-start:6px;inset-block-start:50%;transform:translateY(-50%);font-size:13px}.reward-line{margin-block-start:9px;font-size:12.5px;color:var(--ink-soft);font-weight:600}.reward-line b{color:var(--grape)}.dayhead{padding-block:22px 6px;padding-inline:20px;display:flex;align-items:center;justify-content:space-between}.dayhead .h{font-family:Varela Round;font-size:21px;color:var(--ink)}.clock{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--coral);background:#ffeaea;padding-block:6px;padding-inline:10px;border-radius:14px;white-space:nowrap}.progress-mini{padding-block:4px 0;padding-inline:20px;font-size:13px;color:var(--ink-soft);font-weight:600}.progress-mini b{color:var(--teal)}.tasks{padding-block:14px 8px;padding-inline:16px;display:flex;flex-direction:column;gap:13px}.task{background:var(--card);border-radius:22px;padding:15px;box-shadow:0 8px 18px -12px #3a2e5c4d;border:2px solid transparent;transition:transform .18s,border-color .25s}.task:active{transform:scale(.985)}.task.done{border-color:var(--teal-soft);background:linear-gradient(180deg,#f4fffb,#fff)}.task-row{display:flex;align-items:center;gap:13px}.ic{inline-size:50px;block-size:50px;border-radius:16px;flex:0 0 auto;display:grid;place-items:center;font-size:24px}.ic-read{background:#ffefd6}.ic-pray{background:#e7e0ff}.ic-voice{background:#ffe1ec}.ic-num{background:#dbf7f2}.ic-text{background:#e7e0ff}.ic-pick{background:#ffe9d6}.ic-img{background:#d9f0ff}.ic-default{background:#efe9f6}.t-main{flex:1;min-inline-size:0}.t-title{font-family:Varela Round;font-size:16.5px;color:var(--ink);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pts-chip{font-family:Fredoka;font-size:12px;color:#fff;background:var(--sun-deep);padding-block:2px;padding-inline:9px;border-radius:20px;flex:0 0 auto}.t-sub{font-size:13px;color:var(--ink-soft);margin-block-start:3px;font-weight:500;line-height:1.4}.req{color:var(--coral);font-weight:800}.pending{color:var(--sun-deep);font-weight:800}.check{inline-size:38px;block-size:38px;border-radius:50%;border:2.5px solid #e3dcef;background:#fff;flex:0 0 auto;display:grid;place-items:center;cursor:pointer;transition:.25s;color:#fff;font-size:19px;line-height:1;padding:0}.check.is-done{background:var(--teal);border-color:var(--teal)}.check:disabled{opacity:1}.player{margin-block-start:13px;background:#fff7e9;border-radius:16px;padding:11px;display:flex;align-items:center;gap:11px}.play{inline-size:42px;block-size:42px;border-radius:50%;background:var(--sun-deep);border:none;color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;font-size:18px;box-shadow:0 6px 12px -4px #ffa62b99}.wave{flex:1;block-size:30px;display:flex;align-items:center;gap:3px;overflow:hidden}.wave i{display:block;inline-size:3px;border-radius:3px;background:var(--sun-deep);opacity:.35}.wave i.on{opacity:1}.ptime{font-family:Fredoka;font-size:13px;color:var(--sun-deep);flex:0 0 auto}.rec{margin-block-start:13px;display:flex;align-items:center;gap:11px;background:#ffeff5;border-radius:16px;padding:11px}.rec-btn{inline-size:46px;block-size:46px;border-radius:50%;background:var(--coral);border:none;cursor:pointer;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 6px 14px -5px #ff6b6bb3}.rec-btn .dot{inline-size:15px;block-size:15px;background:#fff;border-radius:50%;transition:.2s}.rec.recording .rec-btn{animation:pulse 1.1s infinite}.rec.recording .rec-btn .dot{border-radius:4px;inline-size:13px;block-size:13px}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 0 11px #ff6b6b00}}.rec-txt{flex:1;font-size:13.5px;font-weight:700;color:var(--ink)}.rec-txt span{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);margin-block-start:2px}.file-pill{margin-block-start:11px;display:inline-flex;align-items:center;gap:7px;background:#edebff;color:var(--grape);font-weight:700;font-size:13px;padding-block:8px;padding-inline:13px;border-radius:14px;cursor:pointer;border:none;max-inline-size:100%}.file-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper{margin-block-start:13px;display:flex;align-items:center;gap:10px;justify-content:center}.stepper button{inline-size:40px;block-size:40px;border-radius:13px;border:none;background:#dbf7f2;color:var(--teal);font-family:Fredoka;font-size:22px;cursor:pointer}.stepper .val{font-family:Fredoka;font-size:26px;color:var(--ink);min-inline-size:46px;text-align:center}.stepper .unit{font-size:13px;color:var(--ink-soft);font-weight:600}.field-inline{margin-block-start:12px;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.field-inline input,.field-inline select{flex:1;min-inline-size:120px}.field-chips{display:flex;gap:.4rem;flex-wrap:wrap}.pick-chip{border:1.5px solid #e7ddf0;background:#fff;color:var(--ink);border-radius:var(--r-pill);padding-block:.4rem;padding-inline:.85rem;font-weight:700;cursor:pointer}.pick-chip.on{background:var(--grad-brand);color:#fff;border-color:transparent}.sec-title{padding-block:20px 4px;padding-inline:20px;font-family:Varela Round;font-size:18px;color:var(--ink);display:flex;align-items:center;gap:.5rem}.sec-title .icon-btn{background:#fff;border:1.5px solid var(--line);color:var(--ink)}.badges-row{display:flex;gap:11px;padding-block:8px 4px;padding-inline:20px;overflow-x:auto;list-style:none;margin:0;scrollbar-width:none}.badges-row::-webkit-scrollbar{display:none}.badge{flex:0 0 auto;inline-size:80px;text-align:center}.badge .ring{inline-size:64px;block-size:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;margin-inline:auto;margin-block-end:5px;box-shadow:var(--shadow);background:linear-gradient(145deg,var(--sun),var(--sun-deep))}.badge.is-earned:nth-child(3n+2) .ring{background:linear-gradient(145deg,var(--teal-soft),var(--teal))}.badge.is-earned:nth-child(3n) .ring{background:linear-gradient(145deg,var(--pink),var(--coral))}.badge:not(.is-earned){opacity:.6}.badge:not(.is-earned) .ring{background:#ebe3f2}.badge small{font-size:11px;font-weight:700;color:var(--ink-soft);line-height:1.2;display:block}.fab{position:fixed;inset-inline-start:max(18px,calc(50vw - 212px));inset-block-end:calc(96px + env(safe-area-inset-bottom));z-index:40;background:var(--grape);color:#fff;border:none;border-radius:22px;padding-block:13px;padding-inline:16px;display:inline-flex;align-items:center;gap:9px;font-family:Varela Round;font-size:15px;cursor:pointer;box-shadow:0 14px 26px -10px #6c4ab6cc}.fab .badge-dot{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;background:var(--coral);color:#fff;font-family:Fredoka;font-size:12px;inline-size:22px;block-size:22px;border-radius:50%;display:grid;place-items:center;border:2.5px solid var(--cream)}.tabbar{position:fixed;inset-block-end:0;inset-inline:0;margin-inline:auto;max-inline-size:460px;z-index:50;background:#fff;box-shadow:0 -8px 24px -14px #3a2e5c4d;display:flex;justify-content:space-around;padding-block:11px calc(14px + env(safe-area-inset-bottom));padding-inline:6px;border-block-start:1px solid var(--line)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#c3b9d6;background:none;border:none;cursor:pointer;flex:1}.tab-item .tab-ico{font-size:22px;line-height:1;position:relative;transition:transform .15s ease}.tab-item.is-active{color:var(--coral)}.tab-item.is-active .tab-ico{transform:translateY(-2px) scale(1.12)}.tab-badge{position:absolute;inset-block-start:-6px;inset-inline-start:60%;background:var(--coral);color:#fff;font-size:.62rem;font-weight:800;min-inline-size:16px;block-size:16px;border-radius:var(--r-pill);display:grid;place-items:center;padding-inline:3px}.toast{position:fixed;inset-block-end:116px;inset-inline:0;margin-inline:auto;inline-size:fit-content;background:var(--ink);color:#fff;font-family:Varela Round;font-size:15px;padding-block:11px;padding-inline:20px;border-radius:20px;z-index:90;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;animation:toast-in .32s ease both}.toast b{color:var(--sun)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:80}.confetti-piece{position:absolute;inset-block-start:-12px;inline-size:9px;block-size:14px;border-radius:2px;animation:confetti-fall 1.5s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(-12px) rotate(0);opacity:1}to{transform:translateY(100dvh) rotate(620deg);opacity:0}}.login-hero{min-block-size:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding-inline:1.4rem;background:var(--grad-sky)}.login-hero .mascot{filter:drop-shadow(0 14px 26px rgba(0,0,0,.18))}.login-hero h1{color:#fff;font-size:2rem;text-shadow:0 2px 0 rgba(0,0,0,.08)}.login-hero .muted{color:#ffffffeb}.login-card{inline-size:100%;max-inline-size:340px;margin-block-start:.5rem;display:flex;flex-direction:column;gap:.8rem;background:#fff;padding:1.25rem;border-radius:24px;box-shadow:var(--shadow-lg)}.login-card label{text-align:start;color:var(--ink)}.code-input{text-align:center;font-family:Fredoka;font-size:1.7rem;letter-spacing:.3em;padding-block:.85rem;border-width:2px;border-radius:var(--r)}.empty{text-align:center;padding-block:3rem;color:var(--muted)}.cal-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-block-end:8px}.cal-count{font-family:Fredoka;font-weight:600;color:var(--teal);font-size:.9rem;white-space:nowrap}.cal-month{margin-block-start:14px}.cal-month-label{font-weight:800;color:var(--ink);margin-block-end:6px;font-size:.95rem}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-block-end:4px}.cal-weekdays span{text-align:center;font-size:.72rem;font-weight:700;color:var(--muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;margin-block:0 .5rem}.cal-blank{aspect-ratio:1}.cal-day{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink-soft);font-family:Fredoka;font-size:.9rem;position:relative;display:grid;place-items:center;padding:0;cursor:default}.cal-day .d-mark{position:absolute;inset-block-end:2px;inset-inline-end:4px;font-size:.6rem}.cal-day.is-complete{background:linear-gradient(180deg,#2bc4b4,#23b5a8);color:#fff;border-color:var(--teal)}.cal-day.is-editable{cursor:pointer;border-color:var(--coral);box-shadow:inset 0 0 0 1.5px #ff6b6b40}.cal-day.is-today{outline:3px solid var(--coral);outline-offset:1px}.cal-day.is-missed{opacity:.5;background:var(--surface-2)}.cal-legend{font-size:.78rem}.level-card{text-align:center}.level-ring{inline-size:120px;block-size:120px;margin-inline:auto;border-radius:50%;display:grid;place-items:center;font-family:Fredoka;font-size:2rem;color:var(--grape);background:radial-gradient(closest-side,#fff 78%,transparent 79% 100%),conic-gradient(var(--coral) var(--p, 50%),#f1ecf6 0)}.streaks{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.streak-flame{font-size:1.3rem;font-weight:800;color:var(--sun-deep)}.level-bar{background:#f1ecf6;border-radius:var(--r-pill);block-size:12px;overflow:hidden}.level-bar>span{display:block;block-size:100%;background:var(--grad-points);border-radius:var(--r-pill);transition:inline-size .6s ease}.chat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;margin-block:1rem}.chat-msg{max-inline-size:82%;padding-block:.6rem;padding-inline:.9rem;border-radius:20px;font-size:.98rem;box-shadow:var(--shadow-sm)}.chat-msg.mine{align-self:flex-end;background:var(--grad-brand);color:#fff;border-end-end-radius:6px}.chat-msg.theirs{align-self:flex-start;background:#fff;border:1px solid var(--line);border-end-start-radius:6px}.chat-input{position:sticky;inset-block-end:0;display:flex;gap:.5rem;align-items:center;padding-block:.6rem;background:var(--cream)}.chat-input input{border-radius:var(--r-pill)}.voice-label{cursor:pointer}.file-audio{inline-size:100%;margin-block-start:.6rem}.file-image{max-inline-size:100%;border-radius:var(--r)}.file-pdf{inline-size:100%;block-size:60dvh;border:1px solid var(--line);border-radius:var(--r)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#3a2e5c8c;display:grid;place-items:center;padding:1rem}.overlay-card{background:#fff;border-radius:22px;padding:1rem;inline-size:100%;max-inline-size:460px;max-block-size:86dvh;overflow:auto}.overlay-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-end:.5rem}.overlay-card.has-close{display:flex;flex-direction:column}.overlay-close{position:sticky;inset-block-start:0;margin-inline-start:auto;margin-block-end:.4rem;inline-size:52px;block-size:52px;border-radius:50%;border:3px solid #fff;background:#ff5d6c;color:#fff;font-size:1.7rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 6px 18px #0000004d;z-index:1}.overlay-close:active{transform:scale(.92)}.school-logo{max-block-size:38px}.lang-switch{display:inline-flex;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-pill);padding:3px;box-shadow:var(--shadow-sm)}.lang-btn{border:none;background:transparent;color:var(--ink-soft);border-radius:var(--r-pill);padding-block:.2rem;padding-inline:.55rem;font-size:.8rem;font-weight:700;cursor:pointer}.lang-btn.is-active{background:var(--grad-brand);color:#fff}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app--admin{min-block-size:100dvh}.admin-topbar{display:flex;align-items:center;gap:.75rem;padding-inline:clamp(1rem,4vw,2rem);padding-block:.85rem;background:#fff;border-block-end:1px solid var(--line);position:sticky;inset-block-start:0;z-index:20;box-shadow:var(--shadow-sm)}.admin-brand{display:flex;align-items:center;gap:.5rem;font-family:Varela Round;font-size:1.05rem}.admin-brand .dot{inline-size:30px;block-size:30px;border-radius:9px;background:var(--grad-brand)}.admin-topbar .spacer{flex:1}.admin-user{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.9rem}.admin-user .lang-switch{background:var(--surface-2);border-color:var(--line)}.admin-user .lang-btn{color:var(--muted)}.admin-user .lang-btn.is-active{background:var(--grad-brand);color:#fff}.admin-tabs{display:flex;gap:.35rem;overflow-x:auto;padding-inline:clamp(1rem,4vw,2rem);padding-block:.6rem;background:#fff;border-block-end:1px solid var(--line);position:sticky;inset-block-start:61px;z-index:19}.tab{border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.92rem;padding-block:.5rem;padding-inline:.9rem;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.is-active{background:var(--grad-brand);color:#fff}.admin-subtabs{display:flex;gap:.3rem;overflow-x:auto;padding-inline:clamp(1rem,4vw,2rem);padding-block:.5rem;background:var(--surface-2, #f5f3fb);border-block-end:1px solid var(--line);position:sticky;inset-block-start:110px;z-index:18}.subtab{border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:600;font-size:.85rem;padding-block:.4rem;padding-inline:.85rem;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap}.subtab.is-active{background:var(--teal, #23b5a8);border-color:var(--teal, #23b5a8);color:#fff}@media (max-width: 720px){.admin-subtabs{position:static;scrollbar-width:none}.admin-subtabs::-webkit-scrollbar{display:none}}.admin-main{padding-inline:clamp(1rem,4vw,2rem);padding-block:1.5rem;max-inline-size:1100px;margin-inline:auto}@media (max-width: 720px){.admin-topbar{position:static;flex-wrap:wrap;column-gap:.5rem;row-gap:.4rem;padding-block:.55rem}.admin-topbar .spacer{display:none}.admin-brand{flex:1 1 auto;font-size:1rem}.admin-user{flex:1 1 100%;justify-content:flex-end;font-size:.85rem;gap:.5rem}.admin-user .user-name{max-inline-size:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tabs{position:sticky;inset-block-start:0;gap:.25rem;padding-block:.5rem;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.tab{padding-block:.55rem;padding-inline:.9rem}.admin-main{padding-block:1rem}.card{padding:1rem}.data-table{display:block;overflow-x:auto;white-space:nowrap}.inline-form{flex-wrap:wrap}.inline-form input{flex-basis:100%;min-inline-size:0}.inline-form button{inline-size:100%}.matrix-head{flex-wrap:wrap;gap:.4rem}.op-actions,.row-actions{gap:.45rem}.op-actions .link,.row-actions .link,.row-actions .as-button{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding-block:.4rem;padding-inline:.7rem;text-decoration:none}.modal-backdrop{padding:0}.modal{inline-size:100%;max-block-size:100dvh;border-radius:0}.modal-foot{gap:.6rem}.modal-foot button{flex:1}.modal .row-2>*{flex-basis:100%}}.app--admin button:not(.link):not(.tab):not(.icon-btn):not(.lang-btn):not(.btn):not(.media-open){border:none;border-radius:var(--r-pill);padding-block:.6rem;padding-inline:1.15rem;font-size:.95rem;font-weight:700;cursor:pointer;background:var(--grad-brand);color:#fff;box-shadow:var(--shadow-sm)}.app--admin .icon-btn{background:#fff;border:1.5px solid var(--line);color:var(--ink)}.panel-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width: 880px){.panel-grid{grid-template-columns:minmax(320px,1fr) 1.4fr;align-items:start}}.stack{display:flex;flex-direction:column;gap:.8rem}.inline-form{display:flex;gap:.5rem;margin-block:.85rem}.inline-form input{flex:1}.plain-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.data-table{inline-size:100%;border-collapse:collapse;font-size:.92rem}.data-table th{text-align:start;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;padding-block:.5rem;padding-inline:.6rem;border-block-end:2px solid var(--line)}.data-table td{padding-block:.6rem;padding-inline:.6rem;border-block-end:1px solid var(--line)}.data-table tr:hover td{background:var(--surface-2)}.data-table tr.is-inactive td{opacity:.5}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.as-button{cursor:pointer}.student-name-cell{display:inline-flex;align-items:center;gap:8px}.admin-avatar{inline-size:28px;block-size:28px;border-radius:50%;object-fit:cover;vertical-align:middle}.admin-avatar--empty{display:inline-grid;place-items:center;background:var(--surface-2);font-size:14px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem;margin-block-start:.75rem}.media-card{border:1px solid var(--line);border-radius:var(--r);padding:.6rem;background:#fff;display:flex;flex-direction:column;gap:.3rem}.media-open{border:none;background:var(--surface-2);border-radius:10px;padding:0;cursor:pointer;overflow:hidden;aspect-ratio:1}.media-thumb{inline-size:100%;block-size:100%;object-fit:cover;display:block}.media-thumb--icon{display:grid;place-items:center;font-size:2.2rem}.media-name{font-weight:700;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{font-size:.75rem;color:var(--muted)}.media-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-block-start:.5rem}.kind-chip{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer;font-size:.85rem}.kind-chip.on{background:var(--teal, #23b5a8);border-color:var(--teal, #23b5a8);color:#fff;font-weight:700}.media-day-head{margin-block:1rem .25rem;font-size:.9rem;color:var(--muted)}.link.danger{color:var(--coral, #ff6b6b)}.badge .earned-on{display:block;margin-block-start:2px;font-size:10px;font-style:normal;color:var(--muted, #8a82a6)}.data-table code{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding-block:.15rem;padding-inline:.45rem;font-weight:700;letter-spacing:.1em}fieldset{border:1.5px solid var(--line);border-radius:var(--r);padding:.85rem}legend{font-weight:700;padding-inline:.4rem}.check-row{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}.check-row input{inline-size:auto}.task-editor{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border:1.5px solid var(--line);border-radius:var(--r);padding:.75rem;background:var(--surface-2)}.task-editor input,.task-editor select{inline-size:auto;flex:1;min-inline-size:120px}.op-actions{display:flex;gap:.5rem;flex-wrap:wrap}.loading{display:grid;place-items:center;padding-block:2.5rem}.spinner{inline-size:34px;block-size:34px;border-radius:50%;border:3.5px solid var(--line, #e7e3f0);border-block-start-color:var(--teal, #23b5a8);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.op-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.active-badge{color:var(--teal, #23b5a8);font-weight:800;font-size:.82rem}.op-status{color:var(--muted)}.class-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);padding:.7rem .85rem;background:#fff;margin-block-end:.5rem}.class-row.is-selected{border-color:var(--teal, #23b5a8);box-shadow:inset 0 0 0 1.5px #23b5a840}.class-name{font-weight:700}.weekday-row{display:flex;gap:.4rem;flex-wrap:wrap}.weekday{min-inline-size:2.4rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer;font-size:.85rem}.weekday.on{background:var(--teal, #23b5a8);border-color:var(--teal, #23b5a8);color:#fff;font-weight:700}.avatar-edit{display:flex;align-items:center;gap:.85rem}.modal.cropper{max-inline-size:340px}.cropper-frame{position:relative;inline-size:256px;block-size:256px;max-inline-size:100%;margin-inline:auto;border-radius:var(--r);overflow:hidden;background:#f1eef7;touch-action:none;cursor:grab}.cropper-frame canvas{display:block;inline-size:100%;block-size:100%}.cropper-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 9999px #ffffff8c;pointer-events:none}.zoom-row{display:flex;align-items:center;gap:.6rem}.zoom-row input[type=range]{flex:1}.saved-tag{color:var(--teal, #23b5a8);font-weight:700;align-self:center}.level-list{display:flex;flex-direction:column;gap:.4rem}.level-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.level-row input[type=number]{inline-size:6rem}.level-badge{min-inline-size:4.5rem;font-weight:700;color:var(--teal, #23b5a8)}.level-start{color:var(--muted)}.reward-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-block-end:.4rem}.reward-row .reward-icon{inline-size:3rem;text-align:center;font-size:1.1rem}.reward-row .reward-threshold{inline-size:5.5rem}.reward-row input:not(.reward-icon):not(.reward-threshold){flex:1;min-inline-size:8rem}.workspace-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-block-end:1rem}.workspace-head h2{margin:0;font-size:1.25rem}.workspace-status{display:flex;align-items:center;gap:.6rem;margin-inline-start:auto}.entity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.entity-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);padding:.7rem .85rem;background:#fff}.entity-row.is-selected{border-color:var(--teal, #23b5a8);box-shadow:inset 0 0 0 1.5px #23b5a840}.entity-title{font-weight:700;text-align:start}.entity-actions{display:flex;gap:.5rem;flex-wrap:wrap}.sectioned-editor{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:1.25rem;align-items:start}.section-nav{display:flex;flex-direction:column;gap:.3rem;position:sticky;inset-block-start:.5rem}.section-tab{text-align:start;padding:.6rem .85rem;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);cursor:pointer;font-weight:600}.section-tab.is-active{background:var(--teal, #23b5a8);border-color:var(--teal, #23b5a8);color:#fff}.section-body{min-inline-size:0}@media (max-width: 720px){.sectioned-editor{grid-template-columns:1fr}.section-nav{flex-direction:row;flex-wrap:wrap;position:static}}.task-add-row{display:flex;gap:.75rem;flex-wrap:wrap}.library-pick-row{align-items:flex-start;gap:.6rem}.library-pick-main{display:flex;flex-direction:column;gap:.1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14102873;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;z-index:100;overflow-y:auto}.modal{background:var(--surface, #fff);border-radius:16px;inline-size:min(680px,100%);box-shadow:0 18px 60px #0000004d;display:flex;flex-direction:column;max-block-size:calc(100vh - 48px)}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-block-end:1px solid var(--line)}.modal-foot{border-block-end:none;border-block-start:1px solid var(--line)}.modal-body{padding:16px 18px;overflow-y:auto}.modal-body h4{margin-block:10px 2px}.row-2{display:flex;gap:.5rem;flex-wrap:wrap}.row-2>*{flex:1;min-inline-size:120px}.hint{display:block;color:var(--muted, #8a82a6);font-size:12px;margin-block-start:2px}.task-editor textarea{inline-size:100%;flex-basis:100%}.task-editor-actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-basis:100%}.preview-list{margin-block-start:.25rem;padding-inline-start:1.1rem;color:var(--muted)}.content-matrix{margin-block-start:.75rem}.matrix-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.matrix-controls{display:flex;gap:1rem;flex-wrap:wrap;margin-block:.6rem}.upload-label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600}.matrix-days{display:flex;flex-wrap:wrap;gap:.4rem}.day-cell{display:flex;flex-direction:column;align-items:center;font-size:.7rem;border:1.5px solid var(--line);border-radius:10px;padding:.3rem;min-inline-size:56px;cursor:pointer}.day-cell.has-file{background:#f4fffb;border-color:var(--teal)}.day-cell input{inline-size:50px;font-size:.6rem;border:none;padding:0;background:transparent}.tag{display:inline-block;margin-inline-start:.4rem;font-size:.74rem;color:var(--grape);border:1px solid #ddd3f0;border-radius:var(--r-pill);padding-block:.1rem;padding-inline:.5rem}.report-scroll{overflow-x:auto;margin-block-start:1rem}.heatmap th,.heatmap td{text-align:center;white-space:nowrap}.heatmap td:first-child,.heatmap th:first-child{text-align:start}.cell-done{background:#f4fffb;color:var(--teal);font-weight:800}.cell-miss{background:var(--danger-soft)}.daily-row td{font-weight:800;border-block-start:2px solid var(--line)}.unread-dot{display:inline-block;margin-inline-start:.4rem;background:var(--coral);color:#fff;border-radius:var(--r-pill);padding-inline:.45rem;font-size:.72rem;font-weight:800}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.stat-card-value{font-family:Fredoka;font-size:1.9rem;color:var(--grape)}.stat-card-label{color:var(--muted);font-weight:600;margin-block-start:.2rem}.bars{display:flex;align-items:flex-end;gap:.5rem;block-size:160px;margin-block-start:1rem}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;block-size:100%;justify-content:flex-end;gap:.35rem}.bars .bar{inline-size:100%;max-inline-size:36px;background:var(--grad-brand);border-radius:8px 8px 0 0;transition:block-size .5s ease}.bar-label{font-size:.68rem;color:var(--muted)}.admin-login{min-block-size:100dvh;display:grid;place-items:center;padding:1.25rem;background:var(--grad-page)}.admin-login .card{inline-size:100%;max-inline-size:380px}