:root{--purple:#5b3fd9;--purple-2:#7b5cff;--purple-soft:#ece6ff;--pink:#ff5fa2;--pink-soft:#ffe3ef;--sun:#ffc93c;--sun-soft:#fff1c9;--sky:#3ec5f0;--sky-soft:#ddf5ff;--mint:#2ed3a0;--mint-dark:#179a72;--mint-soft:#d9f8ee;--orange:#ff8a3d;--red:#ff5a5f;--red-soft:#ffe1e1;--ink:#23214a;--muted:#6b6896;--line:#ebe6f7;--cream:#fff8ec;--card:#fff;--head:"Fredoka", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:22px;--shadow:0 10px 28px #23214a17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--body);color:var(--ink);background:var(--cream);-webkit-tap-highlight-color:transparent;overflow-x:hidden}h1,h2,h3{font-family:var(--head);margin:0;line-height:1.15}h1{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}h2{font-size:1.3rem;font-weight:600}a{color:var(--purple)}button,input,select,textarea{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.88rem}.mono{letter-spacing:.04em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.nowrap{white-space:nowrap}.grad{background:linear-gradient(90deg, var(--purple-2), var(--pink), var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;font-family:var(--head);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 4px #3f27a8}.btn-go{background:var(--mint);color:#fff;box-shadow:0 5px 0 var(--mint-dark);padding:14px 24px;font-size:1.15rem}.btn-plain{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);background:#fff}.btn-plain:hover{box-shadow:inset 0 0 0 2px #d5ccf2}.btn-plain.danger{color:#d43c41}.btn-wa{color:#fff;background:#25d366;box-shadow:0 4px #189c4a}.btn-small{padding:7px 14px;font-size:.92rem}.btn-block{width:100%}.icon-btn{cursor:pointer;width:42px;height:42px;color:var(--ink);background:#fff;border:0;border-radius:14px;flex:none;place-items:center;font-size:1.1rem;text-decoration:none;display:inline-grid;box-shadow:0 2px 8px #23214a14}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:.95rem;font-weight:700}.field small{color:var(--muted);font-size:.85rem}input,select,textarea{border:2px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;min-width:0;padding:12px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--purple-2);box-shadow:0 0 0 4px #7b5cff26}input[type=checkbox]{width:20px;height:20px;accent-color:var(--purple);flex:none}textarea{resize:vertical}.row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.form-error{background:var(--red-soft);color:#b8262c;border-radius:14px;padding:10px 14px;font-weight:700}.input-with-btn{gap:8px;display:flex}.input-with-btn input{flex:1}.check{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.field-inline{align-items:center;gap:6px;font-weight:700;display:inline-flex}.field-inline input{width:auto}.seg{background:var(--purple-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.seg button{font-family:var(--head);cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:10px 14px;font-weight:600}.seg button.is-on{color:var(--purple);background:#fff;box-shadow:0 2px 8px #5b3fd92e}.seg button:disabled{opacity:.4}.seg-small button{padding:7px 12px;font-size:.92rem}.avatar{-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;line-height:1;display:inline-grid}.loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:40px;font-weight:700;display:flex}.dots{gap:5px;display:inline-flex}.dots i{background:var(--purple-2);border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite hop}.dots i:nth-child(2){background:var(--pink);animation-delay:.15s}.dots i:nth-child(3){background:var(--sun);animation-delay:.3s}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.center-screen{place-items:center;min-height:100vh;display:grid}.error-box{background:var(--red-soft);color:#9e2328;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;font-weight:700;display:flex}.empty-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:#fff;margin:16px 0;padding:30px}.big-emoji{font-size:3.4rem}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.st-present{background:var(--mint-soft);color:#0f7a5a}.st-late{background:var(--sun-soft);color:#9a6a00}.st-absent{background:var(--red-soft);color:#b8262c}.st-excused{background:var(--sky-soft);color:#136f91}.st-pending{color:var(--muted);background:#f1eff8}.tag{background:var(--purple-soft);color:var(--purple);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:.78rem;font-weight:700;display:inline-block}.tag-red{background:var(--red-soft);color:#b8262c}.tag-live{background:var(--red);color:#fff;animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.6}}.warn{color:#a3530b;font-weight:700}.note-box{background:var(--sun-soft);border-radius:16px;padding:12px 16px;font-weight:600}.divider{background:var(--line);border-radius:2px;height:2px;margin:20px 0}.toast{z-index:100;color:#fff;text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:12px 20px;font-weight:700;animation:.25s pop;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.toast-ok{background:var(--ink)}.toast-err{background:#d43c41}@keyframes pop{0%{opacity:0;transform:translate(-50%,12px)}}.modal-backdrop{z-index:50;background:#23214a73;justify-content:center;align-items:flex-start;padding:5vh 16px;animation:.15s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.modal{background:#fff;border-radius:28px;width:100%;max-width:520px;animation:.2s rise;box-shadow:0 30px 60px #23214a4d}.modal-wide{max-width:760px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.modal-head{justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 0;display:flex}.modal-head .icon-btn{box-shadow:none;background:#f4f1fb}.modal-body{padding:18px 22px 24px}.brand-mark{background:linear-gradient(135deg, var(--purple-2), var(--pink));border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 5px 14px #7b5cff59}.app-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.app-brand-text{font-family:var(--head);font-size:1.35rem;font-weight:700}.role-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.role-parent{background:var(--pink-soft);color:#c2306f}.role-teacher{background:var(--sky-soft);color:#136f91}.role-admin{background:var(--purple-soft);color:var(--purple)}.role-select{cursor:pointer;padding:0 6px 0 12px}.role-select select{color:inherit;width:auto;box-shadow:none;cursor:pointer;background:0 0;border:0;padding:7px 4px;font-weight:700}.account-menu{position:relative}.account-btn{font-family:var(--head);background:var(--purple);color:#fff;border-radius:50%;font-weight:700}.menu{z-index:40;background:#fff;border-radius:18px;min-width:210px;padding:8px;animation:.15s rise;position:absolute;top:50px;right:0;box-shadow:0 16px 40px #23214a33}.menu-head{border-bottom:2px solid var(--line);margin-bottom:4px;padding:8px 12px;font-weight:800}.menu button,.menu a{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;padding:10px 12px;font-weight:600;text-decoration:none;display:block}.menu button:hover,.menu a:hover{background:var(--purple-soft)}.login-page{background:linear-gradient(#bfeaff 0%,#e4f6ff 45%,#fff3d4 100%);place-items:center;min-height:100vh;padding:70px 16px 40px;display:grid;position:relative;overflow:hidden}.back-home{box-shadow:var(--shadow);z-index:2;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none;position:absolute;top:18px;left:18px}.login-card{z-index:1;background:#fff;border-radius:34px;flex-direction:column;gap:16px;width:100%;max-width:430px;margin:0 auto;padding:34px 28px 26px;display:flex;position:relative;box-shadow:0 30px 60px #23214a29}.login-card h1{text-align:center}.login-logo{background:linear-gradient(135deg, var(--purple-2), var(--pink));border-radius:30px;place-items:center;width:96px;height:96px;margin:-82px auto 0;animation:4s ease-in-out infinite float;display:grid;box-shadow:0 14px 30px #7b5cff66}.login-sub{text-align:center;color:var(--muted);margin:-6px 0 4px}.login-help{text-align:center;color:var(--muted);margin:0;font-size:.92rem}.pw-wrap{position:relative}.pw-wrap input{padding-right:52px}.pw-toggle{cursor:pointer;background:0 0;border:0;padding:6px;font-size:1.3rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sky-deco{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cloud{opacity:.9;background:#fff;border-radius:999px;animation:26s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:55%;height:140%;bottom:20%;left:14%}.cloud:after{width:40%;height:120%;bottom:25%;right:12%}.c1{width:150px;height:46px;top:12%;left:-10%}.c2{width:110px;height:34px;animation-duration:34s;animation-delay:-12s;top:30%;left:60%}.c3{width:180px;height:52px;animation-duration:40s;animation-delay:-20s;top:74%;left:20%}@keyframes drift{0%{transform:translate(-20vw)}to{transform:translate(120vw)}}.twinkle{font-size:1.8rem;animation:5s ease-in-out infinite float;position:absolute}.t1{top:14%;right:12%}.t2{animation-delay:-2s;top:62%;left:8%}.t3{font-size:2.4rem;animation-delay:-3s;bottom:8%;right:10%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}.kid-page,.picker-page,.kid-bg{background-color:#0000;background-image:radial-gradient(circle at 10% 8%,#fffc 0,#0000 22%),radial-gradient(circle at 90% 30%,#fff9 0,#0000 18%),linear-gradient(#c6edff 0%,#e8f8ff 38%,#fff6dc 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:0 16px 48px}.kid-page>*,.picker-page>*{max-width:760px;margin-left:auto;margin-right:auto}.kid-top{justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.kid-top-right{align-items:center;gap:10px;display:flex}.back-btn{font-size:1.4rem;font-weight:700}.picker-title{text-align:center;margin:22px auto 8px;font-size:clamp(1.9rem,6vw,2.8rem)}.picker-sub,.picker-hint{text-align:center;color:var(--muted);font-weight:700}.kid-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:26px;display:grid}.kid-card{color:var(--ink);box-shadow:0 12px 0 #23214a0f, var(--shadow);text-align:center;background:#fff;border-radius:30px;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;text-decoration:none;transition:transform .15s;display:flex}.kid-card:hover{transform:translateY(-6px)rotate(-1deg)}.kid-card b{font-family:var(--head);font-size:1.7rem}.kc-0{border-bottom:8px solid var(--purple-2)}.kc-1{border-bottom:8px solid var(--pink)}.kc-2{border-bottom:8px solid var(--mint)}.kc-3{border-bottom:8px solid var(--sun)}.kid-next{color:var(--muted);font-size:.95rem;font-weight:700}.role-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:26px auto 16px;display:grid}.role-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;text-decoration:none;transition:transform .15s;display:flex}.role-card:hover{transform:translateY(-5px)}.role-card b{font-family:var(--head);color:var(--ink);font-size:1.5rem}.role-card span:last-child{color:var(--muted);font-weight:600}.role-emoji{font-size:3rem}.kid-hello{align-items:center;gap:16px;margin:8px auto 18px;display:flex}.kid-hello h1{font-size:clamp(1.9rem,6vw,2.6rem)}.kid-hello p{color:var(--muted);margin:4px 0 0;font-size:1.05rem;font-weight:700}.avatar-btn{cursor:pointer;background:0 0;border:0;flex:none;padding:0;animation:5s ease-in-out infinite float;position:relative}.avatar-edit{width:30px;height:30px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;font-size:.9rem;display:grid;position:absolute;bottom:-2px;right:-4px}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;display:grid}.avatar-choice{cursor:pointer;background:#faf8ff;border:3px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:.85rem;font-weight:700;transition:transform .12s;display:flex}.avatar-choice:hover{transform:scale(1.06)}.avatar-choice.is-on{border-color:var(--purple-2);background:var(--purple-soft)}.stats-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.stat{box-shadow:var(--shadow);background:#fff;border-radius:24px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 18px;display:grid}.stat-icon{grid-row:span 2;font-size:2.2rem}.stat b{font-family:var(--head);font-size:1.9rem;line-height:1}.stat span:last-child{color:var(--muted);font-size:.9rem;font-weight:700}.stat-fire{background:linear-gradient(135deg,#fff,#ffeede)}.stat-star{background:linear-gradient(135deg,#fff,#fff6d1)}.next-card{color:#fff;border-radius:34px;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px #23214a12,0 20px 40px #23214a29}.next-card:after{content:"";background:#ffffff21;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.nc-purple{background:linear-gradient(140deg,#8a6dff,#5b3fd9)}.nc-pink{background:linear-gradient(140deg,#ff86ba,#e83c7f)}.nc-mint{background:linear-gradient(140deg,#3fdcae,#0f9c73)}.nc-sun{background:linear-gradient(140deg,#ffc24d,#ff8a3d)}.nc-sky{background:linear-gradient(140deg,#5bd2f6,#1c9bd0)}.next-empty{color:var(--ink);text-align:center;background:#fff}.next-empty p{color:var(--muted)}.next-top{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.next-icon{background:#ffffff40;border-radius:24px;flex:none;place-items:center;width:72px;height:72px;font-size:2.6rem;display:grid}.next-label{letter-spacing:.05em;text-transform:uppercase;opacity:.95;font-size:.85rem;font-weight:800}.next-card h2{font-size:clamp(1.5rem,5vw,2rem)}.next-meta{opacity:.92;font-weight:700}.next-when{z-index:1;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:18px 0;display:flex;position:relative}.when-day{font-family:var(--head);font-size:1.5rem;font-weight:700}.when-time{font-family:var(--head);font-size:1.3rem;font-weight:600}.when-until{background:#ffffff40;border-radius:999px;padding:4px 12px;font-weight:800}.next-notes{z-index:1;background:#fff3;border-radius:16px;padding:10px 14px;font-weight:600;position:relative}.join-btn{z-index:1;width:100%;color:var(--mint-dark);background:#fff;padding:20px;font-size:1.6rem;font-weight:700;animation:1.6s ease-in-out infinite pulse;display:flex;position:relative;box-shadow:0 7px #0000002e}.is-live .join-btn{background:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.join-locked{z-index:1;text-align:center;font-family:var(--head);background:#ffffff38;border:2px dashed #ffffffb3;border-radius:22px;padding:16px;font-size:1.15rem;font-weight:600;position:relative}.joined-note{z-index:1;text-align:center;margin:12px 0 0;font-weight:800;position:relative}.kid-section{margin-top:28px}.kid-section h2{margin-bottom:12px;font-size:1.5rem}.day-group h3{color:var(--muted);margin:14px 0 8px;font-size:1.05rem}.class-row{box-shadow:var(--shadow);border-left:8px solid var(--purple-2);background:#fff;border-radius:22px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;display:flex}.cr-pink{border-left-color:var(--pink)}.cr-mint{border-left-color:var(--mint)}.cr-sun{border-left-color:var(--sun)}.cr-sky{border-left-color:var(--sky)}.class-row.is-cancelled{opacity:.6}.class-row.is-cancelled b{text-decoration:line-through}.cr-icon{font-size:1.8rem}.cr-main{flex-direction:column;flex:1;min-width:0;display:flex}.cr-main b{font-family:var(--head);font-size:1.12rem;font-weight:600}.cr-main span{color:var(--muted);font-size:.92rem;font-weight:600}.cr-time{font-family:var(--head);white-space:nowrap;font-size:1.15rem;font-weight:700}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.recent-chip{box-shadow:var(--shadow);background:#fff;border-radius:20px;flex-direction:column;gap:2px;padding:14px;display:flex;position:relative}.recent-chip b{font-size:.95rem}.recent-chip span:last-child{color:var(--muted);font-size:.88rem;font-weight:600}.rc-stamp{font-size:1.4rem;position:absolute;top:8px;right:10px}.rc-present,.rc-late{background:linear-gradient(135deg,#fff,#fff6d1)}.rc-absent{opacity:.75}.tz-note{text-align:center;color:var(--muted);margin-top:28px;font-size:.85rem}.join-overlay{z-index:60;background:#23214a80;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.join-box{text-align:center;background:#fff;border-radius:34px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:30px 24px 22px;animation:.25s rise;display:flex}.join-box p{color:var(--muted);margin:0 0 6px;font-weight:700}.join-mascot{animation:2.5s ease-in-out infinite float}.staff{background:linear-gradient(180deg, #f6f2ff 0, var(--cream) 340px);min-height:100vh}.staff-top{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffe6;align-items:center;gap:20px;padding:10px clamp(14px,3vw,32px);display:flex;position:sticky;top:0}.staff-nav{gap:4px;display:flex}.staff-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:9px 14px;font-weight:700;text-decoration:none}.staff-nav a:hover{background:#f4f1fb}.staff-nav a.active{background:var(--purple-soft);color:var(--purple)}.staff-top-right{align-items:center;gap:10px;margin-left:auto;display:flex}.staff-main{padding:22px clamp(14px,3vw,32px) 100px}.page{max-width:1100px;margin:0 auto}.page-narrow{max-width:760px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-actions select{width:auto}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:16px 0;padding:20px}.panel-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.panel-head a{font-weight:700;text-decoration:none}.bottom-nav{display:none}.back-link{margin-bottom:12px;font-weight:700;text-decoration:none;display:inline-block}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.filters input[type=search]{flex:1;min-width:200px}.filters-wrap select{width:auto}.week-bar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.day-strip{flex:1;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-chip{cursor:pointer;background:#fff;border:0;border-radius:18px;flex-direction:column;align-items:center;min-width:0;padding:8px 2px;display:flex;box-shadow:0 2px 8px #23214a0f}.day-chip span{color:var(--muted);font-size:.8rem;font-weight:700}.day-chip b{font-family:var(--head);font-size:1.35rem}.day-chip small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}.day-chip.is-today span{color:var(--pink)}.day-chip.is-on{background:var(--purple);box-shadow:0 4px #3f27a8}.day-chip.is-on span,.day-chip.is-on b,.day-chip.is-on small{color:#fff}.class-list{flex-direction:column;gap:12px;display:flex}.sclass{border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);border-left:8px solid var(--purple-2);background:#fff;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;transition:transform .12s;display:flex}.sclass:hover{transform:translateY(-2px)}.sc-pink{border-left-color:var(--pink)}.sc-mint{border-left-color:var(--mint)}.sc-sun{border-left-color:var(--sun)}.sc-sky{border-left-color:var(--sky)}.sclass.is-cancelled{opacity:.55}.sclass.is-live{box-shadow:0 0 0 3px var(--red), var(--shadow)}.sclass-time{flex-direction:column;align-items:center;min-width:74px;display:flex}.sclass-time b{font-family:var(--head);font-size:1.2rem}.sclass-time span{color:var(--muted);font-size:.85rem;font-weight:700}.sclass-main{flex:1;min-width:0}.sclass-title b{font-family:var(--head);font-size:1.15rem;font-weight:600}.sclass-meta{color:var(--muted);margin:2px 0 8px;font-size:.92rem;font-weight:600}.sclass-count{background:var(--mint-soft);color:#0f7a5a;border-radius:16px;flex-direction:column;align-items:center;padding:8px 12px;display:flex}.sclass-count b{font-family:var(--head);font-size:1.3rem}.sclass-count span{font-size:.78rem;font-weight:700}.roster-mini{flex-wrap:wrap;gap:6px;display:flex}.rm{border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 2px;font-size:.85rem;font-weight:700;display:inline-flex}.rm .avatar{box-shadow:0 0 0 2px #fff}.detail-head{align-items:center;gap:16px;margin-bottom:16px;display:flex}.detail-head.is-cancelled h1{opacity:.6;text-decoration:line-through}.detail-icon{width:70px;height:70px;box-shadow:var(--shadow);background:#fff;border-radius:22px;flex:none;place-items:center;font-size:2.4rem;display:grid}.detail-title p{color:var(--muted);margin:4px 0 6px;font-weight:600}.tags .tag:first-child{margin-left:0}.detail-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.att-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.att-row{background:#faf8ff;border-radius:18px;grid-template-columns:auto 1fr auto;grid-template-areas:"av name pill""av btns btns";align-items:center;gap:6px 12px;padding:12px;display:grid}.att-row .avatar{grid-area:av}.att-name{flex-direction:column;grid-area:name;min-width:0;display:flex}.att-row .pill{grid-area:pill}.att-buttons{flex-wrap:wrap;grid-area:btns;gap:6px;display:flex}.mark{cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.mark:hover{opacity:1}.mark.is-on{opacity:1;border-color:currentColor}.join-log{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.student-picker{border:2px solid var(--line);border-radius:18px;overflow:hidden}.sp-head{background:#faf8ff;align-items:center;gap:10px;padding:10px;display:flex}.sp-head input{flex:1}.sp-count{color:var(--purple);white-space:nowrap;font-weight:800}.sp-list{max-height:300px;padding:6px;overflow-y:auto}.sp-item{cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sp-item:hover{background:#f6f3ff}.sp-item.is-on{background:var(--purple-soft)}.sp-item.is-disabled{opacity:.45;cursor:not-allowed}.sp-text{flex-direction:column;min-width:0;display:flex}.sp-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.batch-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.batch-card{border-radius:var(--radius);box-shadow:var(--shadow);border-top:8px solid var(--purple-2);background:#fff;flex-direction:column;gap:12px;padding:18px;display:flex}.bc-pink{border-top-color:var(--pink)}.bc-mint{border-top-color:var(--mint)}.bc-sun{border-top-color:var(--sun)}.bc-sky{border-top-color:var(--sky)}.batch-card.is-closed{opacity:.6}.batch-top{align-items:center;gap:12px;display:flex}.batch-top p{color:var(--muted);margin:2px 0 0;font-weight:600}.batch-icon{background:#f6f3ff;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-size:2rem;display:grid}.batch-slots{flex-wrap:wrap;gap:6px;display:flex}.slot-chip{background:var(--sun-soft);color:#8a5d00;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.batch-students{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bs{background:#faf8ff;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 2px;font-size:.88rem;font-weight:700;display:inline-flex}.batch-link{align-items:center;gap:8px;min-width:0;display:flex}.link-trunc{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.slots-edit{flex-direction:column;gap:8px;display:flex}.slot-row{grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:8px;display:grid}.slot-dur{color:var(--muted);align-items:center;gap:6px;font-weight:700;display:flex}.slots-edit>.btn{align-self:flex-start}.tiles{grid-template-columns:repeat(5,1fr);gap:14px;margin:16px 0;display:grid}.tile{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:18px;text-decoration:none;transition:transform .12s;display:flex}.tile:hover{transform:translateY(-3px)}.tile b{font-family:var(--head);font-size:2.2rem;line-height:1}.tile span{opacity:.95;font-weight:700}.t-purple{background:linear-gradient(140deg,#8a6dff,#5b3fd9)}.t-pink{background:linear-gradient(140deg,#ff86ba,#e83c7f)}.t-sky{background:linear-gradient(140deg,#5bd2f6,#1c9bd0)}.t-sun{background:linear-gradient(140deg,#ffc24d,#ff8a3d)}.t-mint{background:linear-gradient(140deg,#3fdcae,#0f9c73)}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.two-col .panel{margin:0}.today-list,.nudge-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.today-row{color:var(--ink);background:#faf8ff;border-radius:16px;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:grid}.today-row.is-live{background:#fff0f0}.tr-title{flex-direction:column;min-width:0;font-weight:700;display:flex}.tr-title small{color:var(--muted);font-weight:600}.tr-count{white-space:nowrap;font-weight:800}.nudge-row{background:#faf8ff;border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex}.nudge-text{flex-direction:column;flex:1;min-width:0;display:flex}.nudge-text small{color:var(--muted)}.people-list{flex-direction:column;gap:8px;display:flex}.person-row{text-align:left;width:100%;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:18px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;transition:transform .12s;display:grid}.person-row:hover{transform:translateY(-2px)}.person-row.is-inactive{opacity:.5}.person-initial{background:var(--purple-soft);width:42px;height:42px;color:var(--purple);font-family:var(--head);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.person-main{flex-direction:column;min-width:0;display:flex}.person-main small{color:var(--muted)}.person-roles{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.person-roles .role-badge{padding:4px 10px;font-size:.8rem}.person-kids{gap:2px;display:flex}.role-checks{flex-wrap:wrap;gap:10px;display:flex}.role-check{border:2px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.role-check.is-on{border-color:var(--purple-2);background:var(--purple-soft)}.kid-draft{grid-template-columns:1.1fr 1.4fr 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.kid-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.kid-line{background:#faf8ff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.kid-line.is-inactive{opacity:.5}.kid-line-text{flex-direction:column;flex:1;min-width:140px;display:flex}.kid-line-text small{color:var(--muted)}.creds{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.creds div{background:var(--purple-soft);border-radius:16px;flex-direction:column;padding:12px;display:flex}.creds span{color:var(--muted);font-size:.82rem;font-weight:700}.creds b{font-size:1.2rem}.msg-preview{white-space:pre-wrap;font-family:var(--body);background:#f0fff6;border:2px solid #c9f2da;border-radius:16px;margin:0 0 12px;padding:12px;font-size:.92rem}.table-wrap{margin-top:8px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th{text-align:left;color:var(--muted);border-bottom:2px solid var(--line);white-space:nowrap;padding:10px;font-size:.85rem}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.table tr.is-cancelled td{opacity:.55}.cell-kid{white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.bar{background:var(--line);vertical-align:middle;border-radius:999px;width:90px;height:10px;margin-right:6px;display:inline-block;overflow:hidden}.bar span{border-radius:999px;height:100%;display:block}.bar .good{background:var(--mint)}.bar .ok{background:var(--sun)}.bar .bad{background:var(--red)}@media (max-width:900px){.staff-nav{display:none}.bottom-nav{z-index:30;border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #23214a14}.bottom-nav a{color:var(--muted);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:6px 2px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--purple);background:var(--purple-soft)}.bn-icon{font-size:1.3rem}.tiles{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width:640px){.row-2{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.tiles .tile:last-child{grid-column:span 2}.stats-row{gap:10px}.stat{column-gap:8px;padding:12px}.stat-icon{font-size:1.7rem}.stat b{font-size:1.5rem}.next-card{border-radius:28px;padding:20px 18px}.next-icon{width:58px;height:58px;font-size:2rem}.join-btn{padding:18px;font-size:1.4rem}.week-bar .icon-btn{width:32px;height:32px}.day-strip{gap:3px}.day-chip{border-radius:14px;padding:6px 0}.day-chip b{font-size:1.1rem}.day-chip small{display:none}.sclass{flex-wrap:wrap;gap:10px;padding:12px 14px}.sclass-time{flex-direction:row;gap:8px;min-width:0}.sclass-main{flex-basis:100%;order:3}.sclass-count{flex-direction:row;gap:4px;margin-left:auto;padding:4px 10px}.person-row{grid-template-columns:auto 1fr}.person-roles,.person-kids{grid-column:2;justify-content:flex-start}.kid-draft{grid-template-columns:1fr 1fr}.kid-draft input:first-of-type{grid-column:span 1}.slot-row{grid-template-columns:1fr 1fr}.slot-dur{grid-column:1}.input-with-btn{flex-direction:column}.creds{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:28px 28px 0 0;max-height:94vh;overflow-y:auto}.staff-top{gap:10px}.app-brand-text{display:none}.page-actions .btn{padding:9px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.steps-form{gap:20px}.step{background:#faf8ff;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.step h3{color:var(--purple);font-size:1.15rem}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.course-chip,.num-chip,.day-pick{border:2px solid var(--line);cursor:pointer;font-family:var(--head);background:#fff;border-radius:999px;padding:9px 16px;font-size:1rem;font-weight:600;transition:transform .1s}.course-chip:hover,.num-chip:hover,.day-pick:hover:not(:disabled){transform:translateY(-1px)}.course-chip.is-on,.num-chip.is-on,.day-pick.is-on{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 3px #3f27a8}.num-chip{width:50px;height:50px;padding:0;font-size:1.25rem}.day-pick{min-width:64px}.day-pick:disabled{opacity:.35;cursor:not-allowed}.seg-type{max-width:420px}.row-3{grid-template-columns:1fr .6fr 1.2fr;gap:12px;display:grid}.time-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.hint-warn{color:#a3530b;margin:0;font-weight:700}.schedule-summary{background:var(--mint-soft);color:#0f7a5a;border-radius:14px;margin:0;padding:10px 14px;font-weight:700}.slot-freq{background:var(--purple-soft);color:var(--purple)}.batch-open{color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.batch-card .btn-row .btn{flex:1}.month-bar{justify-content:center;align-items:center;gap:16px;margin:18px 0 8px;display:flex}.month-bar h2{text-align:center;min-width:200px;font-size:1.5rem}.tiles-4{grid-template-columns:repeat(4,1fr)}.tiles-4 .tile{cursor:default}.month-grid th,.month-grid td{text-align:center}.month-grid th:first-child,.month-grid td:first-child{text-align:left}.month-grid .sticky-col{z-index:1;box-shadow:2px 0 0 var(--line);background:#fff;position:sticky;left:0}.mg-date{color:var(--ink);flex-direction:column;align-items:center;line-height:1.15;text-decoration:none;display:flex}.mg-date span{color:var(--muted);font-size:.75rem}.mg-date b{font-family:var(--head);font-size:1.15rem}.mg-date small{color:var(--muted);font-size:.72rem;font-weight:600}.mg-extra{color:var(--pink)!important}.mg-cell{min-width:52px;font-size:1.1rem}.month-grid td.mg-cell.st-present,.month-grid td.mg-cell.st-late,.month-grid td.mg-cell.st-absent,.month-grid td.mg-cell.st-excused{border-radius:0}.month-grid th.is-cancelled,.month-grid td.is-cancelled{opacity:.4;text-decoration:line-through}.month-grid tfoot td{color:var(--muted);border-bottom:0;font-size:.9rem;font-weight:800}@media (max-width:640px){.row-3{grid-template-columns:1fr}.tiles-4{grid-template-columns:repeat(2,1fr)}.tiles-4 .tile:last-child{grid-column:auto}.num-chip{width:44px;height:44px}.day-pick{flex:1;min-width:0;padding:9px 4px}}.cur-group{margin-top:22px}.cur-group h2{margin-bottom:10px}.cur-card{color:var(--ink);gap:6px;text-decoration:none;transition:transform .12s}.cur-card:hover{transform:translateY(-3px)}.cur-card h3{font-size:1.4rem}.cur-card p{margin:0}.cur-desc{color:var(--muted)}.cur-peek{color:var(--ink);margin:4px 0;padding-left:20px;font-size:.92rem;font-weight:600}.lesson-no{background:var(--purple-soft);min-width:34px;height:34px;color:var(--purple);font-family:var(--head);border-radius:12px;flex:none;place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.lesson-no.big{background:var(--purple);color:#fff;border-radius:16px;min-width:52px;height:52px;font-size:1.5rem}.lesson-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.lesson-card{box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:12px;padding:14px;display:flex}.lesson-card p{color:var(--muted);margin:4px 0 0}.lesson-hw{font-weight:600;color:#8a5d00!important}.lesson-edit-list{flex-direction:column;gap:10px;display:flex}.lesson-edit{background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:10px;display:grid}.lesson-fields{flex-direction:column;gap:6px;display:flex}.lesson-fields input:first-child{font-weight:700}.lesson-tools{flex-direction:column;gap:4px;display:flex}.lesson-tools .icon-btn{width:34px;height:34px;font-size:.95rem}.lesson-tools .icon-btn:disabled{opacity:.3}.sticky-actions{z-index:5;background:#fff8ecf2;padding:10px 0;position:sticky;bottom:0}.lesson-panel{border:2px solid var(--purple-soft);border-radius:var(--radius);background:linear-gradient(135deg,#f1ecff,#fff);margin:12px 0;padding:18px}.lesson-panel-head{align-items:center;gap:14px;display:flex}.lesson-panel-head small{color:var(--purple);font-weight:700}.lesson-panel-head h2{font-size:1.35rem}.lesson-details{white-space:pre-wrap;margin:12px 0 0}.sclass-lesson{color:var(--purple);margin:-4px 0 8px;font-size:.9rem;font-weight:700}.mg-lesson{color:var(--purple)!important}.bar.wide{width:100%;margin:4px 0 10px}.plan-list{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.plan-row{background:#faf8ff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.plan-row.is-next{box-shadow:inset 0 0 0 2px var(--sun);background:#fff4d1}.plan-text{flex-direction:column;min-width:0;display:flex}.plan-text small{color:var(--muted)}.plan-when{flex-direction:column;align-items:flex-end;gap:4px;display:flex}@media (max-width:900px){.sticky-actions{bottom:70px}}@media (max-width:640px){.plan-row{grid-template-columns:auto 1fr}.plan-when{flex-direction:row;grid-column:2;align-items:center}.lesson-edit{grid-template-columns:auto 1fr}.lesson-tools{flex-direction:row;grid-column:2}}.join-paused{z-index:1;color:var(--ink);text-align:center;background:#fffffff2;border-radius:22px;padding:16px;position:relative}.join-paused p{font-family:var(--head);margin:0 0 12px;font-size:1.1rem;font-weight:600}.paused-note{font-weight:700;color:#a3530b!important}.paused-preview{background:#f0fff6;border:2px solid #c9f2da;border-radius:16px;padding:12px;font-weight:700}.kid-paused{opacity:.45;filter:grayscale(.6)}.month-grid .mg-extra-col{background:#fff7e0}.month-grid th.mg-extra-col{box-shadow:inset 0 3px 0 var(--sun)}.extra-key{border:2px solid var(--sun);background:#fff7e0;border-radius:8px;padding:0 6px;font-weight:700}.tag-extra{background:var(--sun-soft);color:#8a5d00}.reminders-card{box-shadow:var(--shadow);border:3px dashed var(--sun);background:#fff;border-radius:24px;flex-wrap:wrap;align-items:center;gap:14px;margin:0 auto 16px;padding:14px 16px;display:flex}.reminders-card.rc-muted{border-color:var(--line)}.rc-bell{font-size:2.2rem}.rc-bell.ring{transform-origin:50% 10%;animation:2.4s ease-in-out infinite ring}@keyframes ring{0%,70%,to{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-6deg)}}.rc-text{flex:1;min-width:200px}.rc-text b{font-family:var(--head);font-size:1.15rem}.rc-text p{color:var(--muted);margin:2px 0 0;font-size:.93rem;font-weight:600}.rc-actions{flex-wrap:wrap;gap:8px;display:flex}.menu-note{color:#0f7a5a;padding:10px 12px;font-size:.92rem;font-weight:700}.picker-page .reminders-card,.kid-page .reminders-card{max-width:760px}