:root{--bg:#fff8ec;--fg:#1b1f3a;--muted:#6b6f88;--accent:#ff7a59;--accent-weak:#ffd6c9;--ok:#1f8a4c;--bad:#c83d3d;--surface:#fff;--border:#ecd9be;--radius:14px;--shadow:0 2px 8px #1b1f3a0f;font-family:Nunito,system-ui,sans-serif}html[data-subject=math]{--accent:#ff7a59;--accent-weak:#ffd6c9}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);min-height:100vh;font-size:17px;line-height:1.5}h1,h2,h3{margin:0 0 .4em;font-family:Fredoka One,Nunito,system-ui,sans-serif;font-weight:400}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:.55em 1em;transition:transform 50ms,background .15s}button:hover{background:var(--accent-weak)}button:active{transform:translateY(1px)}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.4em .7em}.container{max-width:880px;margin:0 auto;padding:1.5rem 1rem 4rem}.hero{background:linear-gradient(135deg, var(--accent-weak), #fff);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.hero-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.hero-emoji{font-size:3rem;line-height:1}.hero h1{color:var(--accent);font-size:1.9rem}.hero-subtitle{color:var(--muted);margin:0 0 .5rem}.hero-tags{flex-wrap:wrap;gap:.4rem;display:flex}.hero-tag{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.2em .7em;font-size:.85em}.reset-btn{justify-self:end}@media (width<=560px){.hero-inner{text-align:center;grid-template-columns:1fr}.reset-btn{justify-self:center}}.tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tab{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.5em 1em;font-weight:600}.tab[aria-selected=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.tab .tab-score{opacity:.75;margin-left:.4em;font-weight:400}.section-title{align-items:center;gap:.5rem;margin:1rem 0 .4rem;display:flex}.section-tag{color:var(--muted);margin-bottom:1rem;font-size:.9em}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.1rem 1.2rem}.q-prompt{margin:0 0 .9rem;font-weight:600}.q-prompt strong{color:var(--accent)}.q-feedback{border-radius:10px;margin-top:.8rem;padding:.7rem .9rem;font-size:.95em}.q-feedback.ok{color:var(--ok);background:#e6f5ec}.q-feedback.bad{color:var(--bad);background:#fbe7e7}.q-feedback.info{color:var(--fg);background:#f1eee6}.q-card[data-state=correct]{border-color:var(--ok)}.q-card[data-state=wrong]{border-color:var(--bad)}.error-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-top:3rem;padding:2rem}.mc-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.mc-option{text-align:left}.mc-option.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.mc-option.correct{outline:2px solid var(--ok);outline-offset:2px}.mc-option:disabled{opacity:.85;cursor:default}.fill,.calc,.calc-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.calc-hint{color:var(--muted);width:100%;margin-bottom:.4rem;font-family:Fredoka One,serif}.fill-input,.calc-input{min-width:8rem}.calc-unit{color:var(--muted)}.check-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.check-btn:hover{background:#e8613f}.check-btn:disabled{opacity:.6;cursor:default}.select-group{gap:.5rem;margin-bottom:.5rem;display:grid}.select-row{align-items:center;gap:.8rem;display:flex}.select-label{min-width:5rem;font-weight:600}.open{flex-direction:column;gap:.6rem;display:flex}.open-input{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:10px;padding:.5rem .7rem}.open .check-btn{align-self:flex-start}.match-cols{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.6rem;display:grid}.match-col{flex-direction:column;gap:.4rem;display:flex}.match-colhead{color:var(--muted);font-size:.9em;font-weight:700}.match-slot{border:1px dashed var(--border);background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:.6rem;min-height:2.5rem;padding:.5em .7em;display:grid}.match-left{font-weight:600}.match-placed{color:var(--accent);text-align:right;min-width:3rem;font-weight:600}.match-token{border:1px solid var(--border);background:var(--surface);cursor:grab;text-align:center;border-radius:10px;padding:.5em .7em}.match-token.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.match-token[data-used=true]{opacity:.4}.multi-options{gap:.4rem;margin-bottom:.5rem;display:grid}.multi-row{border-radius:8px;align-items:flex-start;gap:.6rem;padding:.3rem .5rem;display:flex}.multi-row.correct-pick{background:#e6f5ec}.multi-row input{margin-top:.25em}.order{flex-direction:column;gap:.5rem;display:flex}.order-hint{color:var(--muted);font-size:.95em}.order-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:inside decimal;display:flex}.order-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.5rem;padding:.4em .7em;display:flex}.order-item span:first-child{flex:1}.order-btn{padding:.25em .6em;font-weight:700}.grid-wrap{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.grid{gap:4px;width:100%;max-width:420px;display:grid}.grid-cell{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:8px;min-height:2rem;padding:0;font-weight:600}.grid-cell.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.steps{flex-direction:column;gap:.9rem;display:flex}.step{border-left:3px solid var(--accent-weak);padding:.3rem 0 .3rem .8rem}.step-head{margin-bottom:.4rem;font-weight:600}.step-num{color:var(--accent);margin-right:.3em}.steps-all{color:var(--muted);font-size:.95em;font-style:italic}.note{border:1px solid var(--border);border-left:4px solid var(--accent);color:var(--fg);background:linear-gradient(#fffdf4,#fff);border-radius:10px;padding:.8rem 1rem;line-height:1.55}.note p{margin:0 0 .6em}.note p:last-child{margin-bottom:0}.note ul,.note ol{margin:.2em 0 .6em 1.1em;padding:0}.note li{margin-bottom:.25em}.note code{background:var(--accent-weak);color:var(--fg);border-radius:6px;padding:.05em .35em;font-family:Nunito,monospace;font-weight:700}.note .note-example{border:1px dashed var(--border);background:#fff;border-radius:8px;margin:.5rem 0;padding:.5rem .7rem}.note .note-tip{background:var(--accent-weak);border-radius:8px;margin-top:.4rem;padding:.4rem .7rem;font-size:.95em}.note .note-figure{border:1px dashed var(--border);background:#fff;border-radius:10px;justify-content:center;margin:.6rem 0;padding:.6rem;display:flex}.note .note-figure svg{max-width:100%;height:auto;display:block}.note .note-figure-caption{text-align:center;color:var(--muted);margin:-.2rem 0 .6rem;font-size:.85em}.note .note-vocab{border:1px solid var(--border);background:#fff;border-radius:10px;margin:.5rem 0;padding:.5rem .8rem}.note .note-vocab dl{margin:0}.note .note-vocab dt{color:var(--accent);margin-top:.4em;font-weight:700}.note .note-vocab dt:first-child{margin-top:0}.note .note-vocab dd{margin:.1em 0 0 .2em}.note .note-formula{text-align:center;background:var(--accent-weak);border-radius:8px;margin:.5em 0;padding:.5em .8em;font-size:1.2em}.note .note-grid-2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (width<=540px){.note .note-grid-2{grid-template-columns:1fr}}.note .note-warn{background:#fff4d6;border:1px solid #f0c36b;border-radius:8px;margin:.5rem 0;padding:.4rem .7rem;font-size:.95em}.geo{flex-direction:column;gap:.8rem;display:flex}.geo-svg{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:center;padding:.6rem;display:flex}.geo-svg svg{max-width:100%;height:auto}.exam-list{gap:.8rem;display:grid}.exam-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:transform 80ms,background .15s;display:grid}.exam-card:hover{background:var(--accent-weak);transform:translateY(-1px)}.exam-emoji{font-size:2rem}.exam-name{font-size:1.1rem;font-weight:700}.exam-tag{color:var(--muted);font-size:.9em}.exam-go{color:var(--accent);font-size:1.5rem;font-weight:700}.schedule{gap:.9rem;display:grid}.phase{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.phase[open]{padding-bottom:.4rem}.phase-summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.7rem;padding:.9rem 1.1rem;list-style:none;display:grid}.phase-summary::-webkit-details-marker{display:none}.phase-summary:hover{background:#ff7a590a}.phase-dot{background:var(--phase-color,var(--muted));border-radius:999px;flex-shrink:0;width:12px;height:12px}.phase-title{font-size:1.05rem;font-weight:700}.phase-meta{color:var(--muted);white-space:nowrap;font-size:.9em}.phase-meta-sep{opacity:.5;margin:0 .15em}.phase-caret{color:var(--muted);font-size:.9em;transition:transform .15s;display:inline-block}.phase[open] .phase-caret{transform:rotate(180deg)}.phase-body{gap:.7rem;padding:.2rem 1.1rem .9rem;display:grid}.phase-blue{--phase-color:#4a8cff}.phase-green{--phase-color:#2ea96b}.phase-orange{--phase-color:#f0913b}.phase-pink{--phase-color:#e85b9e}.phase-gray{--phase-color:#8a8fa6}.phase-extras{--phase-color:#b07cd6}.phase-current{border-color:var(--phase-color);box-shadow:0 0 0 1px var(--phase-color), var(--shadow)}.phase-past .phase-title,.phase-past .phase-meta{opacity:.7}.week{border-top:1px dashed var(--border);grid-template-columns:7.5rem 1fr;align-items:start;gap:.7rem;padding:.45rem 0;display:grid}.week:first-child{border-top:0;padding-top:.6rem}.week-meta{gap:.1rem;padding-top:.25rem;display:grid}.week-label{color:var(--fg);font-size:.95em;font-weight:700}.week-date{color:var(--muted);font-size:.8em}.week-current .week-label{color:var(--phase-color,var(--accent))}.week-current .week-label:after{content:"AHORA";background:var(--phase-color,var(--accent));color:#fff;letter-spacing:.05em;vertical-align:middle;border-radius:999px;margin-left:.5em;padding:.05em .5em;font-size:.65em;display:inline-block}.week-past .week-label,.week-past .week-date{opacity:.6}.week-pills{flex-wrap:wrap;gap:.4rem;display:flex}.topic-pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4em;padding:.35em .8em;font-size:.9em;line-height:1.3;display:inline-flex}.topic-pill-link{background:color-mix(in srgb, var(--phase-color,var(--accent)) 12%, white);border-color:color-mix(in srgb, var(--phase-color,var(--accent)) 35%, var(--border));color:var(--fg);text-decoration:none;transition:transform 50ms,background .15s}.topic-pill-link:hover{background:color-mix(in srgb, var(--phase-color,var(--accent)) 22%, white);transform:translateY(-1px)}.topic-pill-soon{color:var(--muted);background:#f5f1e8;font-style:italic}.topic-emoji{font-size:1.05em}@media (width<=640px){.phase-summary{grid-template-columns:auto 1fr auto}.phase-meta{grid-column:2/-1;font-size:.8em}.week{grid-template-columns:1fr;gap:.4rem}.week-meta{align-items:baseline;gap:.6rem;padding-top:0;display:flex}}