.theme-parent .sidebar{display:flex;flex-direction:column}.p-side-head{padding:4px 12px 14px;border-bottom:1px solid var(--border);margin-bottom:10px}.p-brand{font-weight:800;font-size:1.05em}.p-family{font-weight:600;margin-top:4px}.p-nav{display:flex;flex-direction:column;gap:2px}.p-backdrop{display:none}.p-desktop-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:12px var(--gutter) 0}.p-mobile-bar{position:sticky;top:0;z-index:20;align-items:center;gap:10px;padding:8px var(--gutter);background:var(--surface);border-bottom:1px solid var(--border)}.p-mobile-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.p-mobile-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px){.p-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081e59;z-index:44}.p-desktop-bar{display:none}}.p-avatar{font-size:36px;line-height:1;flex:none}.p-dim{opacity:.55}.p-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.p-stats .stat .value{font-size:1.3em}.p-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.p-overview .card{padding:12px 14px}.p-overview .stat .value{font-size:1.35em}.p-pending{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.p-pending-tile{display:flex;align-items:center;gap:12px;padding:12px 14px}.p-pending-tile .stat .value{font-size:1.4em}.p-pending-icon{font-size:26px}.p-pending-tile.hot{border-color:var(--bad)}.p-pending-tile.hot .value{color:var(--bad)}.p-emoji-pick{display:flex;flex-wrap:wrap;gap:6px}.p-emoji-pick button{font-size:22px;width:42px;height:42px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.p-emoji-pick button.on{border-color:var(--accent);background:var(--surface-2);outline:2px solid var(--accent)}.p-assign{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.p-assign:last-child{border-bottom:none}.p-editor{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}.p-tree{padding:8px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.p-tree-subject{font-weight:700;font-size:.85em;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:10px 10px 4px}.p-tree .tree-row{font-size:.92em;padding:6px 8px}.p-tree-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-caret{width:12px;color:var(--muted);flex:none}.p-editor-panel{min-width:0;scroll-margin-top:70px}@media(max-width:960px){.p-editor{grid-template-columns:1fr}.p-tree{position:static;max-height:50vh}}.p-intro{background:var(--surface-2);border-radius:10px;padding:10px 12px}.p-task-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;flex-wrap:wrap}.p-task-summary{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-json{font-family:ui-monospace,Consolas,monospace;font-size:.8em;background:var(--surface-2);border-radius:10px;padding:10px;margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.p-taskform{border:1px solid var(--border);border-radius:12px;padding:12px}.modal:has(.p-wide-modal){max-width:760px}.p-card-row{display:grid;grid-template-columns:64px 1fr 1fr;gap:6px;align-items:center;padding-bottom:8px;border-bottom:1px dashed var(--border)}.p-card-row .p-say{grid-column:1 / 3}.p-card-row .p-card-btns{justify-content:flex-end}@media(max-width:520px){.p-card-row{grid-template-columns:64px 1fr}.p-card-row>:nth-child(3),.p-card-row .p-say,.p-card-row .p-card-btns{grid-column:1 / -1}}.p-goal{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.p-target{background:var(--surface-2);border-radius:12px;padding:10px 12px}.p-answer{background:var(--surface-2);border-radius:12px;padding:10px 12px;white-space:pre-wrap}.p-num-sm{width:80px!important;min-height:34px!important;padding:6px 10px!important}.p-bars{height:150px}.p-bar-val{font-size:.95em;color:var(--text);min-height:1em}.p-weak td{background:color-mix(in srgb,var(--warn-bg) 60%,transparent)}.p-progress-warn .progress>div{background:var(--warn)}.p-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.p-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 8px;border:1px solid var(--border);border-radius:12px}.p-badge-emoji{font-size:34px;line-height:1}.p-badge.off{opacity:.45}.p-badge.off .p-badge-emoji{filter:grayscale(1)}.p-exchange{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.p-rate{display:flex;flex-direction:column;gap:2px;background:var(--surface-2);padding:10px 12px;border-radius:12px;font-size:1.1em}.p-notif{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:none;background:transparent;padding:12px 10px;border-radius:10px;cursor:pointer;border-bottom:1px solid var(--border)}.p-notif:last-child{border-bottom:none}.p-notif:hover{background:var(--surface-2)}.p-notif>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.p-notif.unread strong:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:6px;vertical-align:middle}.p-notif:not(.unread){opacity:.75}.p-notif-icon{font-size:22px}.p-role{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.p-log{max-height:520px;overflow-y:auto}:root{--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;--bg: #f6f6fb;--surface: #ffffff;--surface-2: #f0f0f7;--text: #1d1b2c;--muted: #6b6880;--border: #e3e2ee;--accent: #6d4aff;--accent-2: #8f75ff;--accent-text: #ffffff;--good: #16a34a;--good-bg: #dcfce7;--bad: #dc2626;--bad-bg: #fee2e2;--warn: #b45309;--warn-bg: #fef3c7;--star: #f59e0b;--radius: 14px;--radius-lg: 22px;--shadow: 0 1px 2px rgba(20, 16, 50, .06), 0 4px 16px rgba(20, 16, 50, .06);--gutter: 16px;color-scheme:light}.theme-kid{--bg: #fff8ef;--surface: #ffffff;--surface-2: #fff1dc;--text: #3a2a1a;--muted: #8a7560;--border: #f4e2c8;--accent: #ff7a3d;--accent-2: #ffa76f;--radius: 22px;--radius-lg: 30px;--shadow: 0 3px 0 #f1d9b8, 0 8px 24px rgba(160, 100, 40, .12);font-size:19px}.theme-teen{--bg: #f4f5f9;--surface: #ffffff;--surface-2: #eef0f6;--text: #121527;--muted: #646b85;--border: #e1e4ee;--accent: #4f46e5;--accent-2: #6366f1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-teen,:root:not([data-theme=light]) .theme-parent{--bg: #0f1120;--surface: #181b2e;--surface-2: #20243b;--text: #eceef8;--muted: #9aa0bd;--border: #2b3050;--accent: #8b83ff;--accent-2: #a5a0ff;--good-bg: #12351f;--bad-bg: #3d1717;--warn-bg: #3b2a0a;--good: #4ade80;--bad: #f87171;--warn: #fbbf24;--shadow: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.theme-root{min-height:100vh;background:var(--bg);color:var(--text)}a{color:var(--accent)}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:1.6em}h2{font-size:1.25em}h3{font-size:1.05em}p{margin:0 0 8px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.page{max-width:1100px;margin:0 auto;padding:16px var(--gutter) 96px}.page-narrow{max-width:640px;margin:0 auto;padding:16px var(--gutter) 96px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-2{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.muted{color:var(--muted)}.small{font-size:.85em}.center{text-align:center}.spacer{flex:1}.mt{margin-top:16px}.mb{margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);min-width:0}.card-link{cursor:pointer;transition:transform .12s ease;text-decoration:none;color:inherit;display:block}.card-link:hover{transform:translateY(-2px)}.card h3{margin-bottom:4px}.stat{display:flex;flex-direction:column;gap:2px}.stat .value{font-size:1.6em;font-weight:700}.stat .label{color:var(--muted);font-size:.85em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:calc(var(--radius) - 4px);padding:10px 16px;font-weight:600;cursor:pointer;text-decoration:none;min-height:44px;transition:filter .12s,transform .08s}.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-good{background:var(--good);border-color:var(--good);color:#fff}.btn-bad{background:transparent;border-color:var(--bad);color:var(--bad)}.btn-ghost{background:transparent;border-color:transparent}.btn-sm{padding:6px 10px;min-height:34px;font-size:.9em}.btn-lg{padding:16px 24px;font-size:1.15em;min-height:60px}.btn-block{width:100%}.theme-kid .btn{border-width:2px;box-shadow:0 3px 0 var(--border)}.theme-kid .btn-primary{box-shadow:0 4px #d9561c}.icon-btn{border:none;background:var(--surface-2);border-radius:999px;width:44px;height:44px;font-size:1.3em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.theme-kid .icon-btn{width:64px;height:64px;font-size:1.8em}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{font-size:.85em;color:var(--muted);font-weight:600}.input,select.input,textarea.input{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px;min-height:44px}textarea.input{min-height:90px;resize:vertical}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.theme-kid .input{font-size:1.3em;border-width:2px;border-radius:18px;padding:14px 18px}.check{display:flex;gap:8px;align-items:center;cursor:pointer}.check input{width:20px;height:20px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:.8em;font-weight:600;white-space:nowrap}.pill-good{background:var(--good-bg);color:var(--good)}.pill-bad{background:var(--bad-bg);color:var(--bad)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-accent{background:var(--accent);color:var(--accent-text)}.stars{color:var(--star);font-weight:700}.progress{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .4s ease}.theme-kid .progress{height:16px}.alert{padding:12px 14px;border-radius:var(--radius);background:var(--warn-bg);color:var(--warn);font-weight:600}.alert-bad{background:var(--bad-bg);color:var(--bad)}.alert-good{background:var(--good-bg);color:var(--good)}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:.92em}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--muted);font-weight:600;font-size:.85em}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.tab{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;white-space:nowrap}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.spinner{width:32px;height:32px;border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081e73;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:12px}@media(min-width:700px){.modal-back{align-items:center}}.modal{background:var(--surface);color:var(--text);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);background:#1d1b2c;color:#fff;padding:12px 18px;border-radius:12px;z-index:60;max-width:calc(100% - 32px);box-shadow:0 8px 24px #00000040}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1100px;margin:0 auto;padding:10px var(--gutter);display:flex;align-items:center;gap:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.72em;font-weight:600;padding:4px 8px;border-radius:12px;min-width:60px}.bottom-nav a .ico{font-size:1.5em}.bottom-nav a.active{color:var(--accent);background:var(--surface-2)}.theme-kid .bottom-nav a .ico{font-size:2em}.kid-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ffe0b8,#ffd0e0);border-radius:var(--radius-lg);padding:18px}.pet{font-size:84px;line-height:1;animation:bob 2.4s ease-in-out infinite;-webkit-user-select:none;user-select:none}.pet.sad{filter:grayscale(.5);animation:none}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bubble{background:#fff;border-radius:18px;padding:10px 14px;position:relative;font-weight:600}.big-tile{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow);cursor:pointer;text-align:left;width:100%}.big-tile .emoji{font-size:54px;line-height:1}.big-tile .title{font-size:1.2em;font-weight:800}.lesson-shell{max-width:760px;margin:0 auto;padding:12px var(--gutter) 120px}.lesson-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lesson-top .progress{flex:1}.prompt{display:flex;align-items:center;gap:12px;margin-bottom:16px}.prompt h2{margin:0}.options{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option{border:2px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px;font-weight:600;cursor:pointer;min-height:56px;text-align:center;transition:transform .08s}.option:active{transform:scale(.97)}.option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.option.correct{border-color:var(--good);background:var(--good-bg)}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option:disabled{cursor:default}.option .pic{font-size:64px;line-height:1.1;display:block}.theme-kid .option{font-size:1.2em;min-height:72px}.theme-kid .option .pic{font-size:84px}.chips{display:flex;flex-wrap:wrap;gap:8px;min-height:56px;padding:10px;border:2px dashed var(--border);border-radius:var(--radius)}.chip{border:2px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.theme-kid .chip{font-size:1.2em}.match{display:grid;grid-template-columns:1fr 1fr;gap:10px}.match .option{min-height:60px;display:flex;align-items:center;justify-content:center}.match .done{opacity:.35}.flashcard{perspective:1000px;width:100%;max-width:420px;height:260px;margin:0 auto;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}.flashcard-face.back{transform:rotateY(180deg);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.flashcard-face .emoji{font-size:80px;line-height:1}.flashcard-face .word{font-size:1.8em;font-weight:800}.feedback{position:fixed;left:0;right:0;bottom:0;padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom));z-index:40;border-top:1px solid var(--border);background:var(--surface)}.feedback.good{background:var(--good-bg)}.feedback.bad{background:var(--bad-bg)}.feedback-inner{max-width:760px;margin:0 auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.feedback-inner .text{flex:1;min-width:200px}.intro-text{white-space:pre-line;line-height:1.6}.rec-dot{width:12px;height:12px;background:var(--bad);border-radius:50%;animation:pulse 1s infinite;display:inline-block}@keyframes pulse{50%{opacity:.3}}.celebrate{font-size:72px;animation:pop .6s ease}@keyframes pop{0%{transform:scale(.2)}70%{transform:scale(1.2)}to{transform:scale(1)}}.pin-dots{display:flex;gap:14px;justify-content:center;margin:16px 0}.pin-dots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent)}.pin-dots span.on{background:var(--accent)}.pinpad{display:grid;grid-template-columns:repeat(3,76px);gap:12px;justify-content:center}.pinpad button{height:76px;border-radius:50%;border:2px solid var(--border);background:var(--surface);font-size:1.6em;font-weight:700;cursor:pointer}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border-radius:24px;background:var(--surface);border:2px solid var(--border);cursor:pointer;min-width:140px}.profile-tile .avatar{font-size:64px;line-height:1}.admin{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;background:var(--surface);border-right:1px solid var(--border);padding:14px 10px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar a{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:500;font-size:.95em}.sidebar a.active{background:var(--surface-2);color:var(--accent);font-weight:700}.sidebar .badge-count{margin-left:auto;background:var(--bad);color:#fff;border-radius:999px;font-size:.75em;padding:1px 7px}.admin-main{flex:1;min-width:0}.admin-mobile-bar{display:none}@media(max-width:860px){.sidebar{position:fixed;left:0;top:0;z-index:45;transform:translate(-100%);transition:transform .2s;box-shadow:0 0 40px #0003}.sidebar.open{transform:none}.admin-mobile-bar{display:flex}}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.section-title h1{margin:0;font-size:1.4em}.bars{display:flex;align-items:flex-end;gap:6px;height:120px}.bars .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;font-size:.7em;color:var(--muted);min-width:0}.bars .bar div{width:100%;max-width:28px;background:var(--accent);border-radius:6px 6px 2px 2px;min-height:2px}.tree-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer}.tree-row:hover,.tree-row.active{background:var(--surface-2)}code.json{font-family:ui-monospace,Consolas,monospace;font-size:.85em}textarea.code{font-family:ui-monospace,Consolas,monospace;font-size:.85em;min-height:220px}.island{display:flex;flex-direction:column;align-items:center;gap:4px;width:150px;padding:14px 10px;border-radius:50% 50% 46% 46%/40% 40% 60% 60%;border:3px solid var(--border);background:linear-gradient(180deg,#c7f0ff,#9be7c4);box-shadow:var(--shadow);cursor:pointer;color:var(--text)}.island[data-status=locked]{background:linear-gradient(180deg,#eee,#d9d9d9);cursor:default;opacity:.7}.island[data-status=passed]{background:linear-gradient(180deg,#fff3b0,#ffd166)}.island[data-selected=true]{border-color:var(--accent);transform:scale(1.06)}.island .progress{width:100%;height:8px}.ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px}.ladder-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text)}.ladder-step strong{font-size:1.2em}.ladder-step[data-status=passed]{background:var(--good-bg);border-color:var(--good)}.ladder-step[data-status=active]{border-color:var(--accent)}.ladder-step[data-status=locked]{opacity:.55;cursor:default}.ladder-step[data-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.certificate{background:#fffdf5;color:#2b2410;border:10px double #d4a72c;border-radius:18px;padding:32px 20px;text-align:center}.certificate h1{font-size:2.2em;letter-spacing:.08em;text-transform:uppercase;color:#8a6a10}.cert-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8em;color:#8a6a10}.cert-name{font-size:2em;font-weight:800;margin:6px 0 10px}.cert-level{font-size:1.3em;font-weight:700;margin-bottom:4px}@media print{.topbar,.bottom-nav,.no-print{display:none!important}body,.theme-root{background:#fff!important}}