:root{--bg:#f4f7fd;--ink:#18315b;--text:#25354b;--muted:#52657b;--card:#fff;--line:#d8e2f0;--accent:#246ddb;--accent-hover:#1657b9;--accent-ink:#fff;--soft:#eaf3ff;--purple:#7974d8;--mint:#167a57;--mint-bg:#e3f6ec;--warn:#8a5a12;--warn-bg:#fff3d6;--bad:#b3261e;--bad-bg:#fdecea;--radius:20px;--radius-btn:14px;--shadow:0 1px 2px #18315b0f, 0 4px 16px #18315b0f;--t-espanol:#ffe9e7;--t-matematicas:#e6f0ff;--t-ingles:#e3f6ec;--t-ciencias:#f0e9ff;--t-historia:#fff3d6;--t-geografia:#ffebdd;--t-arte:#fce8f3;--t-general:#eef2f7}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1a2e;--ink:#eaf1ff;--text:#d6e0f0;--muted:#9db0c9;--card:#17243b;--line:#2a3b58;--accent:#6ea8ff;--accent-hover:#8dbbff;--accent-ink:#0b1730;--soft:#1c2f4f;--purple:#a6a2f0;--mint:#6fd3a8;--mint-bg:#173a2e;--warn:#f0c27a;--warn-bg:#3a2e16;--bad:#ff9c94;--bad-bg:#3d1f1d;--shadow:none;--t-espanol:#3a2426;--t-matematicas:#1c2f4f;--t-ingles:#173a2e;--t-ciencias:#2a2547;--t-historia:#3a2e16;--t-geografia:#3a2a1e;--t-arte:#3a2232;--t-general:#222e40}}:root[data-theme=dark]{--bg:#0f1a2e;--ink:#eaf1ff;--text:#d6e0f0;--muted:#9db0c9;--card:#17243b;--line:#2a3b58;--accent:#6ea8ff;--accent-hover:#8dbbff;--accent-ink:#0b1730;--soft:#1c2f4f;--purple:#a6a2f0;--mint:#6fd3a8;--mint-bg:#173a2e;--warn:#f0c27a;--warn-bg:#3a2e16;--bad:#ff9c94;--bad-bg:#3d1f1d;--shadow:none;--t-espanol:#3a2426;--t-matematicas:#1c2f4f;--t-ingles:#173a2e;--t-ciencias:#2a2547;--t-historia:#3a2e16;--t-geografia:#3a2a1e;--t-arte:#3a2232;--t-general:#222e40}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.theme-toggle{z-index:5;white-space:nowrap;padding:10px 14px;font-size:16px;position:absolute;top:20px;right:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{color:var(--text);font:18px/1.55 Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:760px;margin:0 auto;padding:20px 16px 64px;position:relative}header.top{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-bottom:18px;padding-right:128px;display:flex}header.top .brand{color:var(--ink);align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}header.top .brand .mascot{width:36px;height:36px}h1{color:var(--ink);margin:8px 0 12px;font-size:28px;line-height:1.25}h2{color:var(--ink);margin:26px 0 10px;font-size:22px}h3{margin:18px 0 8px;font-size:19px}p{margin:0 0 12px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 0;padding:18px}.stack>*+*{margin-top:10px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button,.btn{border-radius:var(--radius-btn);border:1px solid var(--accent);background:var(--accent);min-height:48px;color:var(--accent-ink);font:inherit;cursor:pointer;padding:10px 18px;font-weight:600}button:hover:not(:disabled),.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.secondary,.btn.secondary{background:var(--soft);color:var(--accent);border-color:#0000}button.secondary:hover:not(:disabled),.btn.secondary:hover{background:var(--soft);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}label{margin:10px 0 4px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);background:var(--card);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px}textarea{min-height:140px}.check{align-items:flex-start;gap:10px;font-weight:400;display:flex}.check input{width:24px;height:24px;min-height:24px;margin-top:3px}.right{border-left:4px solid var(--accent)}.review{border-left:4px solid var(--warn)}.notice{background:var(--warn-bg);color:var(--warn);border-radius:10px;margin:8px 0;padding:10px 12px}.pill{background:var(--soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:15px;font-weight:600;display:inline-block}.pill.review{background:var(--warn-bg);color:var(--warn);border-left:0}.big{font-size:34px;font-weight:700}.md h1{font-size:24px}.md h2{font-size:20px}.md ul{padding-left:22px}table{border-collapse:collapse;width:100%;font-size:16px}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 6px}@media (max-width:480px){body{font-size:17px}h1{font-size:24px}.big{font-size:28px}}.chat{flex-direction:column;gap:8px;max-height:55vh;padding:4px 0;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:85%;padding:10px 12px}.msg.vera{background:var(--soft);align-self:flex-start}.msg.learner{background:var(--card);border:1px solid var(--line);align-self:flex-end}.chat-input{gap:8px;margin-top:10px;display:flex}.chat-input textarea{flex:1;min-height:52px}.tabs{gap:8px;margin-bottom:8px;display:flex}.chat.full{max-height:none;overflow:visible}label.btn{align-items:center;margin:0;display:inline-flex}.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.refresh-fab{z-index:20;border-radius:999px;width:auto;padding:10px 16px;font-size:15px;position:fixed;bottom:18px;right:14px;box-shadow:0 2px 10px #00000040}.refresh-fab span{opacity:.8;font-weight:400}.table-wrap{overflow-x:auto}.tagline{color:var(--muted);font-size:12px;font-weight:500;line-height:1.1;display:block}.hero{background:linear-gradient(135deg, var(--hero-from,var(--soft)), var(--hero-to,var(--warn-bg)));border-radius:var(--radius);align-items:center;gap:16px;margin:8px 0 16px;padding:18px;display:flex}.hero>.mascot{flex:none;width:112px;height:112px}.hero h1,.hero h2{margin-top:0}.hero p{margin-bottom:6px}@media (max-width:480px){.hero>.mascot{width:84px;height:84px}.hero{gap:12px;padding:14px}}.tint-espanol{background:var(--t-espanol)}.tint-matematicas{background:var(--t-matematicas)}.tint-ingles{background:var(--t-ingles)}.tint-ciencias{background:var(--t-ciencias)}.tint-historia{background:var(--t-historia)}.tint-geografia{background:var(--t-geografia)}.tint-arte{background:var(--t-arte)}.tint-general{background:var(--t-general)}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0;display:grid}button.subject-card{border-radius:var(--radius);min-height:150px;color:var(--ink);text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;font-weight:400;display:flex}button.subject-card:hover:not(:disabled){border-color:var(--accent);background:inherit}button.subject-card.tint-espanol:hover{background:var(--t-espanol)}button.subject-card.tint-matematicas:hover{background:var(--t-matematicas)}button.subject-card.tint-ingles:hover{background:var(--t-ingles)}button.subject-card.tint-ciencias:hover{background:var(--t-ciencias)}button.subject-card.tint-historia:hover{background:var(--t-historia)}button.subject-card.tint-geografia:hover{background:var(--t-geografia)}button.subject-card.tint-arte:hover{background:var(--t-arte)}button.subject-card.tint-general:hover{background:var(--t-general)}button.subject-card.selected{border-color:var(--accent);box-shadow:var(--shadow)}.subject-card img{width:56px;height:56px}.subject-card strong{font-size:19px}.subject-card .muted{font-size:14px}.card.continue,.card.encourage{align-items:center;gap:14px;display:flex}.card.continue .mascot,.card.encourage .mascot{flex:none;width:56px;height:56px}.card.continue>div{flex:1}.card.continue p{margin:0}.card.encourage{background:var(--warn-bg);border-color:#0000}.card.encourage p{color:var(--ink);margin:0}h3.unit{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 6px;font-size:15px}button.topic-row{text-align:left;background:var(--card);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-btn);box-shadow:var(--shadow);align-items:center;gap:10px;margin:8px 0;padding:14px 16px;font-weight:500;display:flex}button.topic-row:hover:not(:disabled){background:var(--card);border-color:var(--accent)}.topic-title{flex:1}.topic-row .go{color:var(--accent);white-space:nowrap;font-weight:700}details.about summary{cursor:pointer;color:var(--ink);font-weight:600}details.about p{margin:10px 0 0;font-size:15px}.center{text-align:center}.quiz-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.quiz-top .quiz-subject{color:var(--ink);flex:1;font-size:20px;font-weight:800}.quiz-top button.back{min-width:48px;padding:0 12px}svg.progress{width:100%;height:10px;margin:6px 0 14px;display:block}svg.progress .track{fill:var(--line)}svg.progress .fill{fill:var(--accent)}.card.question{padding:20px}.q-text{color:var(--ink);font-size:21px;font-weight:700}.option{text-align:left;background:var(--card);width:100%;min-height:56px;color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-btn);align-items:center;gap:12px;margin:10px 0;padding:12px 14px;font-weight:500;display:flex}button.option:hover:not(:disabled){background:var(--card);border-color:var(--accent)}.option .dot{border:2px solid var(--line);background:var(--card);border-radius:50%;flex:none;width:22px;height:22px}.option.chosen,button.option.chosen:hover{border-color:var(--accent);background:var(--soft)}.option.chosen .dot{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px var(--card)}.quiz-nav{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.quiz-nav button{flex:1;max-width:240px}.score{align-items:center;gap:14px;margin:6px 0 10px;display:flex}.score .ring-track{stroke:var(--line)}.score .ring-fill{stroke:var(--mint)}.score-text{color:var(--ink);font-size:30px;font-weight:800}.result-hero{align-items:flex-start}ul.checks{margin:0;padding:0;list-style:none}ul.checks li{align-items:flex-start;gap:10px;margin:8px 0;display:flex}ul.checks li:before{content:"";border-radius:50%;flex:none;width:20px;height:20px;margin-top:4px}ul.checks.good li:before{background:var(--mint);box-shadow:inset 0 0 0 5px var(--mint-bg)}ul.checks.warn li:before{background:var(--warn);box-shadow:inset 0 0 0 5px var(--warn-bg)}.card.answer.right{border-left:5px solid var(--mint)}.card.answer.review{border-left:5px solid var(--warn)}.option.static{cursor:default}.option.is-answer{border-color:var(--mint);background:var(--mint-bg)}.option.is-answer .dot{border-color:var(--mint);background:var(--mint)}.option.is-wrong{border-color:var(--bad);background:var(--bad-bg)}.option.is-wrong .dot{border-color:var(--bad);background:var(--bad)}.option .tag{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:700}.good-line{color:var(--mint);margin:8px 0 0;font-weight:700}.explain{background:var(--soft);border-radius:var(--radius-btn);margin-top:10px;padding:12px 14px}.explain h3{margin-top:0}.topic-title .pill{margin-top:4px;display:table}.card>h3:first-child{margin-top:0}.btn.small,button.small{min-height:40px;padding:6px 14px;font-size:16px}a.btn{align-items:center;text-decoration:none;display:inline-flex}@media (max-width:480px){.tagline{display:none}header.top{gap:8px}}.card>h2:first-child{margin-top:0}.login{isolation:isolate;padding-bottom:170px;position:relative}.login-bg{z-index:-1;background:#f4f7fd url(/login-bg.webp) bottom/cover no-repeat;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login-bg{background-image:linear-gradient(#0a0818b8,#0a0818b8),url(/login-bg.webp)}}:root[data-theme=dark] .login-bg{background-image:linear-gradient(#0a0818b8,#0a0818b8),url(/login-bg.webp)}header.top .brand.logo{letter-spacing:-.01em;font-size:32px}header.top .brand.logo .mascot{width:56px;height:56px}.logo-aide{color:var(--accent)}h1.login-title{margin:18px 0 14px;font-size:44px;font-weight:800}.segmented{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{white-space:nowrap;color:var(--accent);background:0 0;border-color:#0000;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:8px 12px;font-size:16px;display:inline-flex}.segmented button:hover:not(:disabled){background:var(--soft);border-color:#0000}.segmented button.on,.segmented button.on:hover{background:var(--accent);color:var(--accent-ink)}.login-card{margin-top:18px;padding:22px 20px}.field{position:relative}.field>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field input{border-radius:var(--radius-btn);min-height:54px;padding-left:46px}button.wide{width:100%;min-height:56px;margin-top:18px;font-size:20px}.login-art{z-index:0;pointer-events:none;position:fixed;bottom:6px;right:8px}.login-art .mascot{width:150px;height:150px}@media (max-width:420px){.segmented button{gap:5px;padding:8px 6px;font-size:14px}.segmented button svg{width:20px;height:20px}.segmented button:first-child{flex:1.45}h1.login-title{font-size:38px}}a{color:var(--accent)}button.theme-toggle{background:var(--card);border-color:var(--line)}.mascot{background:50%/contain no-repeat;flex:none;display:inline-block}.m-hello{background-image:url(/mascots/ajolote/hello.webp)}.m-curious{background-image:url(/mascots/ajolote/curious.webp)}.m-celebrate{background-image:url(/mascots/ajolote/celebrate.webp)}.m-explain{background-image:url(/mascots/ajolote/explain.webp)}.m-read{background-image:url(/mascots/ajolote/read.webp)}.m-study{background-image:url(/mascots/ajolote/study.webp)}:root[data-skin=ajolote]{--bg:#fbf8ff;--accent:#6d4fd8;--accent-hover:#5a3ec4;--soft:#f1ebff;--purple:#a78bfa;--hero-from:#efe6ff;--hero-to:#ffe9f5;--line:#e4dcf5}@media (prefers-color-scheme:dark){:root[data-skin=ajolote]:not([data-theme=light]){--bg:#17122a;--card:#221b3a;--line:#362c58;--accent:#c8b4ff;--accent-hover:#dacbff;--accent-ink:#1b1433;--soft:#2d2450;--hero-from:#2a2148;--hero-to:#3a2140}}:root[data-skin=ajolote][data-theme=dark]{--bg:#17122a;--card:#221b3a;--line:#362c58;--accent:#c8b4ff;--accent-hover:#dacbff;--accent-ink:#1b1433;--soft:#2d2450;--hero-from:#2a2148;--hero-to:#3a2140}.companion-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:14px 0;display:grid}button.companion-card{text-align:center;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:16px 12px;font-weight:400;display:flex}button.companion-card:hover:not(:disabled){background:var(--card);border-color:var(--accent)}button.companion-card.selected{border-color:var(--accent);background:var(--soft);box-shadow:var(--shadow)}.companion-card .mascot{width:110px;height:110px}.companion-card strong{font-size:20px}.companion-card .muted{font-size:15px}[data-skin=ajolote] .m-hello,.companion-card .m-hello.skin-ajolote{background-image:url(/mascots/ajolote/hello.webp)}[data-skin=ajolote] .m-curious,.companion-card .m-curious.skin-ajolote{background-image:url(/mascots/ajolote/curious.webp)}[data-skin=ajolote] .m-celebrate,.companion-card .m-celebrate.skin-ajolote{background-image:url(/mascots/ajolote/celebrate.webp)}[data-skin=ajolote] .m-explain,.companion-card .m-explain.skin-ajolote{background-image:url(/mascots/ajolote/explain.webp)}[data-skin=ajolote] .m-read,.companion-card .m-read.skin-ajolote{background-image:url(/mascots/ajolote/read.webp)}[data-skin=ajolote] .m-study,.companion-card .m-study.skin-ajolote{background-image:url(/mascots/ajolote/study.webp)}[data-skin=capibara] .m-hello,.companion-card .m-hello.skin-capibara{background-image:url(/mascots/capibara/hello.webp)}[data-skin=capibara] .m-curious,.companion-card .m-curious.skin-capibara{background-image:url(/mascots/capibara/curious.webp)}[data-skin=capibara] .m-celebrate,.companion-card .m-celebrate.skin-capibara{background-image:url(/mascots/capibara/celebrate.webp)}[data-skin=capibara] .m-explain,.companion-card .m-explain.skin-capibara{background-image:url(/mascots/capibara/explain.webp)}[data-skin=capibara] .m-read,.companion-card .m-read.skin-capibara{background-image:url(/mascots/capibara/read.webp)}[data-skin=capibara] .m-study,.companion-card .m-study.skin-capibara{background-image:url(/mascots/capibara/study.webp)}:root[data-skin=capibara]{--bg:#fffaf3;--accent:#9a5a22;--accent-hover:#7e4919;--soft:#f8ebdd;--purple:#5b6fd6;--hero-from:#fbe9d3;--hero-to:#e6eeff;--line:#eedfcd}@media (prefers-color-scheme:dark){:root[data-skin=capibara]:not([data-theme=light]){--bg:#1b1510;--card:#261e17;--line:#3b2f24;--accent:#e8b67a;--accent-hover:#f2c994;--accent-ink:#24180d;--soft:#33281d;--hero-from:#2e2318;--hero-to:#1c2a3e}}:root[data-skin=capibara][data-theme=dark]{--bg:#1b1510;--card:#261e17;--line:#3b2f24;--accent:#e8b67a;--accent-hover:#f2c994;--accent-ink:#24180d;--soft:#33281d;--hero-from:#2e2318;--hero-to:#1c2a3e}[data-skin=panda-rojo] .m-hello,.companion-card .m-hello.skin-panda-rojo{background-image:url(/mascots/panda-rojo/hello.webp)}[data-skin=panda-rojo] .m-curious,.companion-card .m-curious.skin-panda-rojo{background-image:url(/mascots/panda-rojo/curious.webp)}[data-skin=panda-rojo] .m-celebrate,.companion-card .m-celebrate.skin-panda-rojo{background-image:url(/mascots/panda-rojo/celebrate.webp)}[data-skin=panda-rojo] .m-explain,.companion-card .m-explain.skin-panda-rojo{background-image:url(/mascots/panda-rojo/explain.webp)}[data-skin=panda-rojo] .m-read,.companion-card .m-read.skin-panda-rojo{background-image:url(/mascots/panda-rojo/read.webp)}[data-skin=panda-rojo] .m-study,.companion-card .m-study.skin-panda-rojo{background-image:url(/mascots/panda-rojo/study.webp)}:root[data-skin=panda-rojo]{--bg:#fff8f3;--accent:#b4441a;--accent-hover:#963814;--soft:#fce9de;--purple:#5560d8;--hero-from:#ffe3d2;--hero-to:#e7ecff;--line:#f1ddd0}@media (prefers-color-scheme:dark){:root[data-skin=panda-rojo]:not([data-theme=light]){--bg:#1c1310;--card:#281b16;--line:#40291f;--accent:#ff9e6b;--accent-hover:#ffb68d;--accent-ink:#2a130a;--soft:#3a231a;--hero-from:#33201a;--hero-to:#1c2440}}:root[data-skin=panda-rojo][data-theme=dark]{--bg:#1c1310;--card:#281b16;--line:#40291f;--accent:#ff9e6b;--accent-hover:#ffb68d;--accent-ink:#2a130a;--soft:#3a231a;--hero-from:#33201a;--hero-to:#1c2440}.field.has-eye input{padding-right:52px}.field button.eye{width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.field button.eye:hover:not(:disabled){background:var(--soft);color:var(--accent);border:0}.back-fab{z-index:20;border-radius:999px;padding:10px 18px;font-size:16px;position:fixed;bottom:18px;right:14px;box-shadow:0 2px 10px #00000040}main:has(.back-fab) .md{padding-bottom:72px}.chat-bubble{z-index:30;background:var(--card);border:2px solid var(--accent);touch-action:none;cursor:grab;border-radius:50%;width:64px;height:64px;min-height:64px;padding:4px;position:fixed;top:0;left:0;box-shadow:0 4px 14px #00000038}.chat-bubble:hover:not(:disabled){background:var(--card);border-color:var(--accent)}.chat-bubble.settling{transition:transform .25s}.chat-bubble .mascot{width:100%;height:100%}.chat-sheet{z-index:40;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(420px,100vw - 20px);height:min(560px,55vh);padding:12px 12px 10px;display:flex;position:fixed;box-shadow:0 10px 40px #00000047}.chat-sheet>.card{flex-direction:column;flex:1;min-height:0;margin:0;padding:12px;display:flex}.chat-bubble.is-open{border-width:3px}.chat-sheet-top{align-items:center;gap:10px;margin-bottom:4px;display:flex}.chat-sheet-top .mascot{width:44px;height:44px}.chat-sheet-top strong{color:var(--ink);flex:1;font-size:20px}.chat-sheet .card>h2:first-child{display:none}.chat-sheet .chat{flex:1;min-height:0;max-height:none}main:has(.panel){max-width:1120px}.panel-layout{display:block}.panel-nav{z-index:15;background:var(--bg);scrollbar-width:none;gap:6px;margin:0 0 8px;padding:8px 0;display:flex;position:sticky;top:0;overflow-x:auto}.panel-nav::-webkit-scrollbar{display:none}.panel-nav button{background:var(--card);min-height:42px;color:var(--ink);border:1px solid var(--line);border-radius:999px;flex:none;padding:8px 14px;font-size:16px;font-weight:600}.panel-nav button:hover:not(:disabled){background:var(--soft);border-color:var(--accent)}.panel-nav button.on,.panel-nav button.on:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (min-width:900px){.panel-layout{grid-template-columns:220px 1fr;align-items:start;gap:28px;display:grid}.panel-nav{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:12px;top:16px}.panel-nav button{text-align:left;border-radius:var(--radius-btn);background:0 0;border-color:#0000;width:100%}}.panel-main h1{margin-top:4px}.overview-row{gap:12px;display:grid}@media (min-width:700px){.overview-row{grid-template-columns:1fr 1fr}}.overview-row .card{margin:0}.topic-line{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.topic-line:last-child{border-bottom:0}.topic-line .topic-title{flex:1}a.chat-line{color:var(--ink);text-decoration:none}a.chat-line .go{color:var(--accent);font-weight:700}.propose{gap:10px;margin-top:8px;display:grid}@media (min-width:700px){.propose{grid-template-columns:1fr 1fr auto;align-items:center}}.chips{flex-wrap:wrap;gap:8px;margin:4px 0 12px;display:flex}.chips button{border-radius:999px;min-height:40px;padding:6px 14px;font-size:16px}body{flex-direction:column;min-height:100dvh;display:flex}body>main{flex:1 0 auto;width:100%;padding-bottom:24px}.site-footer{text-align:center;border-top:1px solid var(--line);background:var(--bg);padding:14px 16px 18px}.site-footer p{margin:0}body:has(.login) .site-footer{display:none}main:has(.back-fab)~.site-footer{padding-bottom:76px}.card.usage .usage-num{margin:4px 0 2px}.card.usage .usage-num strong{color:var(--ink);font-size:28px}.page-bg{z-index:-1;pointer-events:none;background:linear-gradient(to bottom, var(--bg) 0%, var(--bg) 35%, color-mix(in srgb, var(--bg) 55%, transparent) 70%, color-mix(in srgb, var(--bg) 25%, transparent) 100%), url(/login-bg.webp) center bottom / cover no-repeat;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .page-bg{opacity:.35}}:root[data-theme=dark] .page-bg{opacity:.35}body>main{isolation:isolate}.header-right{align-items:center;gap:10px;display:inline-flex}.profile-chip{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.profile-chip .mascot{background-color:var(--soft);border-radius:50%;width:36px;height:36px}.profile-chip strong{color:var(--ink);font-size:15px;line-height:1.1;display:block}.profile-chip small{color:var(--muted);font-size:12px;line-height:1.1;display:block}@media (max-width:480px){.profile-chip>span:not(.mascot){display:none}.profile-chip{padding:3px}}.empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.empty .mascot{width:88px;height:88px}.empty p{max-width:34ch;margin:0}button.subject-card{position:relative}.subject-card .chev{background:var(--card);width:28px;height:28px;color:var(--accent);box-shadow:var(--shadow);border-radius:50%;font-size:20px;font-weight:800;line-height:26px;position:absolute;bottom:10px;right:12px}.subject-card img{background:var(--card);box-shadow:var(--shadow);border-radius:14px;padding:6px}.tabbar{display:none}@media (max-width:899px){.panel-nav{display:none}.tabbar{z-index:25;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.tabbar button{min-height:54px;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 2px;font-size:20px;display:flex}.tabbar button small{font-size:12px;font-weight:700}.tabbar button:hover:not(:disabled){background:var(--soft);border:0}.tabbar button.on,.tabbar button.on:hover{color:var(--accent);background:var(--soft);border-radius:14px}body:has(.tabbar) .site-footer{padding-bottom:84px}.more-sheet{z-index:26;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;min-width:210px;padding:8px;display:flex;position:fixed;bottom:76px;right:8px;box-shadow:0 10px 30px #0003}.more-sheet button{text-align:left;color:var(--ink);background:0 0;border-color:#0000;justify-content:flex-start}.more-sheet button.on{background:var(--soft);color:var(--accent)}}@media (min-width:900px){.more-sheet{display:none}}.result{position:relative}.confetti{pointer-events:none;height:220px;position:absolute;inset:0 0 auto;overflow:hidden}.confetti i{opacity:0;border-radius:3px;width:8px;height:14px;animation:1.8s ease-out forwards confetti;position:absolute;top:-12px}.confetti i:nth-child(4n+1){background:var(--accent)}.confetti i:nth-child(4n+2){background:#ffb3de}.confetti i:nth-child(4n+3){background:#ffd166}.confetti i:nth-child(4n){background:#a7e3c1}.confetti i:first-child{animation-delay:0s;left:6%}.confetti i:nth-child(2){animation-delay:.15s;left:14%}.confetti i:nth-child(3){animation-delay:50ms;left:22%}.confetti i:nth-child(4){animation-delay:.25s;left:30%}.confetti i:nth-child(5){animation-delay:.1s;left:38%}.confetti i:nth-child(6){animation-delay:.3s;left:46%}.confetti i:nth-child(7){animation-delay:20ms;left:54%}.confetti i:nth-child(8){animation-delay:.2s;left:62%}.confetti i:nth-child(9){animation-delay:.12s;left:70%}.confetti i:nth-child(10){animation-delay:.28s;left:78%}.confetti i:nth-child(11){animation-delay:70ms;left:86%}.confetti i:nth-child(12){animation-delay:.18s;left:92%}.confetti i:nth-child(13){animation-delay:.35s;left:10%}.confetti i:nth-child(14){animation-delay:.4s;left:82%}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(210px)rotate(320deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}@media (min-width:900px){.page-bg{background-position:50%,bottom;background-repeat:no-repeat;background-size:100% 100%,auto 55vh}}@media (max-width:480px){.theme-toggle{padding:8px 12px}.theme-toggle .tt-label{display:none}header.top{padding-right:60px}.header-right{gap:6px}}.unit-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.unit-list li{border:1px solid var(--line);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.child-selector{flex-wrap:wrap;gap:6px;display:inline-flex}.child-selector.big{gap:12px;margin:14px 0;display:flex}button.child-chip{background:var(--card);min-height:44px;color:var(--ink);border:2px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:3px 12px 3px 3px;font-weight:400;display:inline-flex}button.child-chip:hover:not(:disabled){background:var(--card);border-color:var(--accent)}button.child-chip.on{border-color:var(--accent);background:var(--soft)}.child-chip .mascot{background-color:var(--soft);border-radius:50%;width:36px;height:36px}.child-chip strong{font-size:15px;line-height:1.1;display:block}.child-chip small{color:var(--muted);font-size:12px;line-height:1.1;display:block}.child-selector.big button.child-chip{padding:8px 18px 8px 8px}.child-selector.big .child-chip .mascot{width:64px;height:64px}.child-chip .m-study.skin-ajolote{background-image:url(/mascots/ajolote/study.webp)}.child-chip .m-study.skin-capibara{background-image:url(/mascots/capibara/study.webp)}.child-chip .m-study.skin-panda-rojo{background-image:url(/mascots/panda-rojo/study.webp)}@media (max-width:480px){.child-chip small{display:none}}