:root{--ink:#16325c;--card:#fff;--soft:#effaff;--sun:#ffd23f;--ok:#22c07f;--no:#ff5468;--muted:#5d74a0;--sea:#2fbfd6;color-scheme:light;font-family:Jua,Fredoka,system-ui,sans-serif;color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--card:#fff}}:root[data-theme=dark]{--card:#fff}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:linear-gradient(180deg,#a7e3ff,#e4f7ff 40%,#fff6db) fixed;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}button,input,select{font-family:inherit;color:inherit;font-size:inherit}button{cursor:pointer}.sticker{background:var(--card);border:4px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink)}.btn{background:var(--sun);border:4px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-size:20px;padding:8px 20px;transition:transform .08s;white-space:nowrap}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{opacity:.45;pointer-events:none}.btn.ghost{background:var(--card)}.btn.danger{background:var(--no);color:#fff}.btn.sm{font-size:17px;padding:5px 14px;border-width:3px;box-shadow:0 4px 0 var(--ink)}.btn.xs{font-size:14px;padding:3px 10px;border-width:3px;border-radius:10px;box-shadow:0 3px 0 var(--ink)}.btn.big{width:100%;font-size:24px;padding:12px}.pill{background:var(--card);border:3px solid var(--ink);border-radius:30px;padding:3px 14px;font-size:18px;white-space:nowrap}.grow{flex:1}.muted{color:var(--muted)}.mono{font-family:Fredoka,monospace;letter-spacing:.5px}.hint{color:var(--muted);font-size:15px;margin:6px 0 0}.msg{margin:10px 0 0;font-size:17px}.empty{color:var(--muted);font-size:18px;padding:20px;text-align:center}.center-screen{min-height:100vh;display:grid;place-items:center}.loader{font-size:60px;animation:bob 1s infinite alternate}@keyframes bob{to{transform:translateY(-12px)}}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}.login-logo{text-align:center}.login-logo h1{margin:10px 0 0;font-size:clamp(56px,10vw,96px);line-height:1;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink)}.login-logo h1 em{font-style:normal;color:var(--sun)}.login-logo p{font-size:22px;margin:14px 0 0}.login-card{width:min(420px,100%);padding:26px 28px;display:flex;flex-direction:column;gap:12px}.login-card h2{margin:0;font-size:28px}.field{display:flex;flex-direction:column;gap:4px;font-size:16px}.field input,.field select{border:3px solid var(--ink);border-radius:12px;padding:8px 12px;font-size:20px;background:var(--soft);width:100%}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:12px 22px;background:#ffffffbf;border-bottom:4px solid var(--ink);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:3px solid var(--ink);border-radius:14px;background:var(--card);padding:6px 14px;font-size:18px}.tabs button.on{background:var(--ink);color:#fff}.who small{color:var(--muted);margin-left:4px}main{padding:20px 22px 40px;max-width:1400px;width:100%;margin:0 auto}.panel{display:flex;flex-direction:column;gap:16px}.panel.two{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}@media (max-width:820px){.panel.two{grid-template-columns:1fr}}.panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-head h2,.panel-head h3{margin:0}.panel-head select{border:3px solid var(--ink);border-radius:12px;padding:5px 10px;background:#fff;font-size:17px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}@media (max-width:900px){.week{grid-template-columns:repeat(2,1fr)}}.day{padding:12px;min-height:200px;display:flex;flex-direction:column;gap:8px}.day h4{margin:0 0 4px;font-size:22px;text-align:center}.day.today{background:#fffbe6;border-color:#c79a00}.day h4 small{font-size:14px;color:#c79a00}.slot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:3px solid var(--ink);border-left:12px solid var(--c);border-radius:12px;background:#fff;padding:6px 10px;text-align:left}.slot b{font-size:17px}.slot span{font-family:Fredoka;font-size:15px;color:var(--muted)}.classlist{padding:14px;display:flex;flex-direction:column;gap:8px}.classitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:3px solid var(--ink);border-radius:14px;background:#fff;padding:8px 12px;text-align:left}.classitem.on{background:var(--sun)}.classitem small{color:var(--muted);font-size:14px}.classdetail{padding:18px 20px;min-height:300px;overflow-x:auto}.tbl{width:100%;border-collapse:collapse;margin-top:12px;font-size:17px;background:#fff;overflow:hidden}.tbl th{text-align:left;font-size:15px;color:var(--muted);border-bottom:3px solid var(--ink);padding:8px 10px}.tbl td{border-bottom:2px dashed #cfe0f0;padding:8px 10px;white-space:nowrap}.tbl tr.off td{opacity:.45}.acts{display:flex;gap:6px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#16325c73;display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(460px,100%);padding:20px 22px;max-height:90vh;overflow:auto}.modal-head{display:flex;align-items:center;margin-bottom:10px}.modal-head h3{margin:0;flex:1;font-size:24px}.x{border:none;background:none;font-size:22px}.form{display:flex;flex-direction:column;gap:12px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.row-in{display:flex;gap:8px;align-items:center}.issued p{font-size:17px}.ticket{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;background:#fff8d6;border:3px dashed var(--ink);border-radius:16px;padding:14px 18px;font-size:18px}.ticket b{font-size:28px}.student{display:flex;flex-direction:column;gap:18px;max-width:900px}.hero{display:flex;align-items:center;gap:22px;padding:22px;flex-wrap:wrap}.hero h2{margin:0;font-size:30px}.hero h2 small{font-size:16px;color:var(--muted)}.avatar{width:110px;height:110px;border-radius:50%;background:var(--sea);border:4px solid var(--ink);display:grid;place-items:center;font-size:64px}.lvtitle{font-size:22px;margin:6px 0}.xpbar{width:min(380px,70vw);height:22px;border:3px solid var(--ink);border-radius:14px;background:#e3edf7;overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#ffd23f,#ff9f43)}.coins{margin-left:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.coins span{font-size:44px}.coins b{font-family:Fredoka;font-size:40px}.coins small{color:var(--muted)}.soon{padding:30px;text-align:center;font-size:22px}.unitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}.unitbox{padding:14px 16px}.unitbox h3{margin:0 0 10px;font-size:20px}.unitbox.dim{opacity:.6}.unitbox.bundle{border-color:#c79a00;background:#fffbe6}.uno{font-family:Fredoka;font-size:15px;background:var(--ink);color:#fff;border-radius:8px;padding:1px 8px;margin-right:4px}.cards{display:flex;flex-direction:column;gap:8px}.ccard{display:flex;align-items:center;gap:10px;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;background:#fff}.ci{font-size:28px}.ct{flex:1;display:flex;flex-direction:column;min-width:0}.ct small{color:var(--muted);font-size:13px}.ct b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dateinput,.memoin{border:3px solid var(--ink);border-radius:12px;padding:5px 10px;background:#fff;font-size:17px}.memoin{min-width:220px}.todaychips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chipbtn{border:3px solid var(--ink);border-radius:30px;background:#fff;padding:4px 14px;font-size:16px}.chipbtn.on{background:var(--sun)}.lessongrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.lessongrid{grid-template-columns:1fr}}.lessonbox{padding:16px 18px}.lessonbox h3{margin:0 0 10px;font-size:20px}.lessonbox select{max-width:100%}.litems{margin:0;padding-left:26px;display:flex;flex-direction:column;gap:8px}.litems li{display:flex;align-items:center;gap:8px;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;background:#fff}.arrows{display:flex;gap:4px}.pointsbox{padding:16px 18px}.pointsbox h3{margin:0;font-size:20px}.stugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:12px}.stucard{border:3px solid var(--ink);border-radius:16px;background:#fff;padding:10px 12px;display:flex;flex-direction:column;gap:6px;position:relative}.stucard.inteam{background:#e6f7ff;border-color:#1a9cc0}.stucard b{font-size:20px}.stucard .today{font-family:Fredoka;color:var(--muted);font-size:15px}.teamck{position:absolute;right:10px;top:8px;font-size:14px;display:flex;align-items:center;gap:4px}.quick{display:flex;gap:6px;flex-wrap:wrap}.teambar{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#e6f7ff;border:3px dashed #1a9cc0;border-radius:14px;padding:10px 14px;font-size:17px}.teambar input{width:80px;border:3px solid var(--ink);border-radius:10px;padding:3px 8px;font-size:17px}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0d1b33;display:flex;flex-direction:column}.player-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#fff;border-bottom:4px solid var(--ink);flex-wrap:wrap}.player-bar a.btn{text-decoration:none;color:inherit}.player-body{flex:1;position:relative;background:#fff}.player-body iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fff}.hist{padding:16px 20px}.hist h3{margin:0 0 8px}.hist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.hist li{display:flex;gap:12px;border-bottom:2px dashed #cfe0f0;padding:4px 0;font-size:17px}.hist .pos{color:var(--ok)}.hist .neg{color:var(--no)}.hearts{display:inline-flex;gap:4px;align-items:center;vertical-align:middle}.heart{filter:drop-shadow(0 2px 0 rgba(22,50,92,.35));transition:transform .2s}.heart.broken{opacity:.6;transform:rotate(-8deg)}.heart.bonus{animation:bob 1s infinite alternate}.heartbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff0f3;border:3px solid #ff4d6d;border-radius:14px;padding:8px 14px;margin-bottom:12px;font-size:17px}.heartbar .zero{color:#d6143d;font-size:18px}.hrow{display:flex;align-items:center;gap:8px}.undo{border:2px solid var(--ink);border-radius:8px;background:#fff;font-size:14px;padding:0 6px}.hbtns{display:flex;flex-wrap:wrap;gap:4px}.hbtn{border:2px solid var(--ink);border-radius:9px;font-size:13px;padding:2px 7px;background:#fff}.hbtn.minus{background:#fff0f3}.hbtn.plus{background:#e9fbf2}.hbtn:disabled{opacity:.5}.heartcard{display:flex;align-items:center;gap:26px;padding:20px 24px;flex-wrap:wrap;background:#fff7f9}.heartcard h3{margin:0 0 6px}.heartcard.danger{background:#ffe3e8;border-color:#d6143d}.hmsg{flex:1;font-size:19px}.hmsg p{margin:0 0 8px}.hev{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hev li{border:2px solid var(--ink);border-radius:20px;padding:2px 10px;font-size:15px;background:#fff}.hev li.neg{background:#fff0f3}.hev li.pos{background:#e9fbf2}.modal.wide{width:min(860px,100%)}.ptsin{width:80px;border:3px solid var(--ink);border-radius:10px;padding:3px 8px;font-size:17px}.tbl select{border:2px solid var(--ink);border-radius:8px;padding:2px 6px;background:#fff}.wsum{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.wlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wlist li{border:3px solid var(--ink);border-left:10px solid var(--no);border-radius:12px;padding:8px 12px;background:#fff;font-size:16px}.wlist li.solved{border-left-color:var(--ok);opacity:.7}.wlist small{color:var(--muted)}.wa{margin-top:4px;color:#127a4d}.avatar-svg{display:inline-block;flex:none;line-height:0}.avatar-svg svg{width:100%;height:100%;display:block}.hero-info{flex:1;min-width:220px}.lvbadge{font-family:Fredoka;background:var(--ink);color:var(--sun);border-radius:10px;padding:1px 10px;margin-right:4px}.heartmini{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff0f3;border:3px solid #ff4d6d;border-radius:18px;padding:8px 14px}.heartmini.danger{background:#ffe3e8}.heartmini small{color:#d6143d}.sec{margin:8px 0 0;font-size:26px}.shop{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:20px}@media (max-width:820px){.shop{grid-template-columns:1fr}}.shop-stage{display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:90px;align-self:start}.avatar-svg.big{filter:drop-shadow(0 8px 0 rgba(22,50,92,.25))}.shop-wallet{display:flex;align-items:baseline;gap:6px;background:#fff8d6;border:3px solid var(--ink);border-radius:16px;padding:6px 16px}.shop-wallet span{font-size:28px}.shop-wallet b{font-family:Fredoka;font-size:30px}.shop-wallet small{color:var(--muted)}.tryon{font-size:16px;display:flex;gap:8px;align-items:center;background:#e6f7ff;border:2px dashed #1a9cc0;border-radius:12px;padding:4px 10px}.shop-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.shop-tabs button{border:3px solid var(--ink);border-radius:14px;background:#fff;padding:6px 12px;font-size:17px}.shop-tabs button.on{background:var(--sun)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.shop-grid .full{grid-column:1/-1}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:3px solid var(--ink);border-radius:18px;background:#fff;padding:10px 8px;cursor:pointer;transition:transform .12s}.item:hover{transform:translateY(-3px)}.item.on{background:#fffbe6;border-color:#c79a00;box-shadow:0 0 0 3px #ffd23f}.item.locked{cursor:default;opacity:.75}.item.locked:hover{transform:none}.item b{font-size:16px;text-align:center}.item .thumb{position:relative}.item .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16325c8c;border-radius:14px;color:#fff;font-size:30px}.item .lock small{font-size:15px;font-family:Fredoka}.item .tag{position:absolute;top:6px;left:6px;background:var(--ok);color:#fff;font-size:12px;border-radius:8px;padding:0 6px}.item .price{font-size:14px}.levelup{position:relative;overflow:hidden;width:min(420px,100%);padding:26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:popin .4s cubic-bezier(.3,1.6,.5,1)}@keyframes popin{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.levelup .rays{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:repeating-conic-gradient(#fff6c2 0,#fff6c2 10deg,#fff 10deg,#fff 20deg);animation:spin 12s linear infinite;z-index:0;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.levelup>*:not(.rays){position:relative;z-index:1}.lu-top{margin:0;font-family:Fredoka;font-weight:700;font-size:44px;color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.levelup h2{margin:0;font-size:30px}.levelup h2 span{color:#c79a00}.stuhead{display:flex;align-items:center;gap:8px}.namecell{display:inline-flex;align-items:center;gap:8px}.itembox{padding:14px 16px;margin-bottom:12px}.itembox h3{margin:0 0 8px}.itemrows{display:flex;flex-direction:column;gap:8px}.itemrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:2px dashed #cfe0f0;padding-bottom:6px}.itemrow.off{opacity:.5}.itemrow input{border:2px solid var(--ink);border-radius:8px;padding:3px 8px;font-size:16px;width:80px}.itemrow input.nm{width:160px}.itemrow .ck input{width:auto}