:root{--bg:#fff8f0;--card:#fff;--ink:#2d2a45;--muted:#7a7690;--line:#efe7dc;--primary:#6c5ce7;--primary-dark:#5443d6;--primary-soft:#efedff;--orange:#ff9f43;--orange-soft:#fff1e1;--green:#20bf6b;--green-soft:#e3f8ec;--red:#eb4d4b;--red-soft:#fdeaea;--yellow:#f7b731;--yellow-soft:#fff6dc;--radius:20px;--shadow:0 6px 24px #4c3a8c14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}.app{max-width:880px;padding:max(16px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}h1,h2,h3{margin:0;font-weight:900;line-height:1.2}h1{font-size:clamp(26px,5vw,34px)}h2{font-size:20px}h3{font-size:17px}p{line-height:1.55}a{color:var(--primary)}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand .logo{background:linear-gradient(135deg, var(--primary), #a29bfe);border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card.hero{background:linear-gradient(135deg, var(--primary), #8e7dff);color:#fff;border:none}.card.hero .muted{color:#ffffffd9}.card.warm{background:var(--orange-soft);border-color:#ffe0bd}.btn{appearance:none;cursor:pointer;font:inherit;background:var(--primary);color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .1s,background .15s;display:inline-flex}.btn:hover{background:var(--primary-dark)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.big{border-radius:20px;padding:18px 28px;font-size:20px}.btn.full{width:100%}.btn.white{color:var(--primary);background:#fff}.btn.white:hover{background:var(--primary-soft)}.btn.ghost{color:var(--primary);border:2px solid var(--primary-soft);background:0 0}.btn.ghost:hover{background:var(--primary-soft)}.btn.danger{background:var(--red)}.btn.danger:hover{background:#d63c3a}.btn.small{border-radius:12px;padding:8px 14px;font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:800}.input,select.input{font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-size:16px}.input:focus{border-color:var(--primary)}.check{align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.check input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0;margin-top:1px}.tabs{background:var(--primary-soft);border-radius:16px;gap:4px;padding:4px;display:flex}.tabs button{font:inherit;cursor:pointer;color:var(--primary);background:0 0;border:none;border-radius:12px;flex:1;padding:10px;font-weight:800}.tabs button.active{box-shadow:var(--shadow);background:#fff}.alert{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45}.alert.error{background:var(--red-soft);color:#a52a28}.alert.info{background:var(--primary-soft);color:var(--primary-dark)}.alert.warn{background:var(--yellow-soft);color:#8a6200}.notice-box{white-space:pre-wrap;border:1px solid var(--line);max-height:220px;color:var(--muted);background:#faf7f2;border-radius:14px;padding:12px;font-size:13px;line-height:1.5;overflow-y:auto}.kids{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.kid{cursor:pointer;text-align:center;box-shadow:var(--shadow);font:inherit;background:#fff;border:3px solid #0000;border-radius:22px;padding:18px 12px}.kid:hover{border-color:var(--primary-soft)}.kid .avatar{background:var(--orange-soft);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 10px;font-size:38px;display:grid}.kid .name{font-size:18px;font-weight:900}.pin-dots{justify-content:center;gap:14px;margin:12px 0 20px;display:flex}.pin-dots span{border:3px solid var(--primary);border-radius:50%;width:18px;height:18px}.pin-dots span.on{background:var(--primary)}.pinpad{grid-template-columns:repeat(3,76px);justify-content:center;gap:12px;display:grid}.pinpad button{height:64px;box-shadow:var(--shadow);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:none;border-radius:18px;font-size:26px;font-weight:900}.pinpad button:active{transform:scale(.95)}.topics{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.topic{cursor:pointer;box-shadow:var(--shadow);font:inherit;color:var(--ink);background:#fff;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;font-weight:800;display:flex}.topic .emoji{font-size:34px}.topic:hover{outline:3px solid var(--primary-soft)}.week{gap:8px;display:flex}.week .day{text-align:center;flex:1}.week .dot{aspect-ratio:1;background:var(--line);border-radius:50%;place-items:center;width:100%;max-width:38px;margin:0 auto 4px;font-size:16px;display:grid}.week .dot.on{background:var(--green);color:#fff}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:2px solid var(--line);font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800}.pill.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.talk{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;min-height:calc(100vh - 64px);display:flex}.talk-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.timer{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900}.topic-tag{background:var(--orange-soft);color:#b3620f;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:800}.orb-wrap{aspect-ratio:1;place-items:center;width:min(72vw,300px);display:grid;position:relative}.orb-ring{background:radial-gradient(circle,#6c5ce740,#6c5ce700 70%);border-radius:50%;transition:transform 80ms linear;position:absolute;inset:0}.orb{aspect-ratio:1;cursor:pointer;background:linear-gradient(135deg, var(--primary), #a29bfe);color:#fff;border:none;border-radius:50%;place-items:center;width:62%;font-size:clamp(44px,12vw,64px);transition:transform 80ms linear,background .2s;display:grid;position:relative;box-shadow:0 16px 40px #6c5ce759}.orb.listening{background:linear-gradient(135deg, var(--green), #7bed9f);box-shadow:0 16px 40px #20bf6b59}.orb.muted{box-shadow:none;background:linear-gradient(135deg,#a4a0b8,#cbc8d8)}.wave{align-items:center;gap:6px;height:48px;display:flex}.wave span{background:var(--primary);border-radius:4px;width:8px;transition:height 80ms linear}.status{min-height:30px;font-size:22px;font-weight:900}.caption{max-width:560px;color:var(--muted);min-height:54px;font-size:18px;line-height:1.5}.talk-bottom{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stars{letter-spacing:4px;font-size:40px}.scores{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.score{background:#faf7f2;border-radius:16px;padding:12px 14px}.score .label{color:var(--muted);font-size:13px;font-weight:800}.score .value{font-size:26px;font-weight:900}.bar{background:var(--line);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--primary), #a29bfe);border-radius:4px;height:100%;display:block}.fix{background:#faf7f2;border-radius:16px;padding:14px;line-height:1.55}.fix .wrong{color:var(--red);font-weight:800;text-decoration:line-through}.fix .right{color:var(--green);font-weight:900}.fix .why{color:var(--muted);margin-top:4px;font-size:14px;display:block}.good{background:var(--green-soft);border-radius:16px;padding:14px;line-height:1.55}.next{background:var(--primary-soft);border-radius:16px;padding:14px;line-height:1.55}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#faf7f2;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:800}.chip.high{background:var(--red-soft);color:#a52a28}.chip.medium{background:var(--yellow-soft);color:#8a6200}.chip.low{background:var(--green-soft);color:#13804a}.big-number{font-size:34px;font-weight:900}.chart{width:100%;height:auto}.logout-backdrop{z-index:50;background:#2d2a4559;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.logout-dialog{width:min(420px,100%)}.level-card{border:3px solid var(--primary-soft)}.level-emoji{font-size:56px;line-height:1}.report{border-collapse:collapse;width:100%;font-size:14px}.report th,.report td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:8px 10px}.report td:last-child{white-space:normal;min-width:180px}.report th{color:var(--muted);text-transform:uppercase;font-size:12px}.spinner{border:5px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.card{padding:16px}.pinpad{grid-template-columns:repeat(3,68px)}}