:root{--bg:#0b0a14;--panel:#1a1830;--panel-2:#241f42;--line:#3a3470;--text:#edebff;--muted:#b0acd4;--accent:#7c3aed;--accent-text:#b9a4ff;--glow:#8b5cf6;--cyan:#22d3ee;--magenta:#ec4899;--on-accent:#fff;--warn:#fbbf24;--bad:#e06c6c;--good:#34d399;--mono:"Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}textarea,input,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px}textarea{width:100%}h1,h2,h3{margin:0 0 8px}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.world-layer{position:absolute;inset:0}.world-host{width:100%;height:100%}.hud-top{border:1px solid var(--line);background:#171c24e0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:12px;left:12px}.hud-top .tag{color:var(--muted);font-size:13px}.hud-prompt{border:1px solid var(--accent);background:#171c24eb;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hud-prompt kbd,kbd{background:var(--panel-2);border:1px solid var(--line);font-family:var(--mono);border-bottom-width:2px;border-radius:4px;padding:0 6px}.hud-prompt.locked{border-color:var(--warn)}.hud-help{color:var(--muted);background:#171c24cc;border-radius:6px;padding:6px 10px;font-size:13px;position:absolute;bottom:12px;right:12px}.toast{border:1px solid var(--warn);background:#282012f2;border-radius:8px;max-width:520px;padding:10px 16px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.page{background:var(--bg);padding:24px clamp(16px,4vw,48px);position:absolute;inset:0;overflow:auto}.page-inner{max-width:1100px;margin:0 auto}.topbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.muted{color:var(--muted)}.badge{border:1px solid var(--line);border-radius:999px;padding:0 8px;font-size:12px;display:inline-block}.badge.good{color:var(--good);border-color:var(--good)}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.warn{color:var(--warn);border-color:var(--warn)}.checks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.checks li{align-items:baseline;gap:8px;display:flex}pre.code{border:1px solid var(--line);font-size:13px;font-family:var(--mono);background:#0a0d12;border-radius:8px;padding:12px;overflow:auto}.tabs{gap:6px;margin-bottom:8px;display:flex}.tabs button[aria-selected=true]{border-color:var(--accent)}.modal-bg{z-index:10;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(560px,92vw);max-height:80vh;padding:18px;overflow:auto}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list li{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.list li.live-line{text-align:left;justify-content:flex-start;align-items:baseline}.list li.live-line span{flex:1}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}svg text{fill:var(--muted);font-size:11px}.shell{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.shell-main{flex-direction:column;flex:1;min-height:0;display:flex}.shell-main>.page,.shell-main>.desktop-only>.page{flex:1;min-height:0;position:relative;inset:auto}.desktop-only:not([hidden]){display:contents}.nav{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:4px;padding:10px clamp(12px,3vw,32px);display:flex}.nav .brand{color:var(--text);margin-right:12px;font-weight:700;text-decoration:none}.nav a.item{color:var(--muted);border-radius:8px;padding:6px 12px;text-decoration:none}.nav a.item[aria-current=page]{color:var(--accent-text);background:var(--panel-2)}.nav .spacer{flex:1}.chip{border:1px solid var(--line);color:var(--muted);background:var(--panel-2);border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:13px;text-decoration:none;display:inline-flex}.chip.streak{color:var(--accent-text);border-color:var(--glow)}.tabs-bottom{display:none}.crumbs{color:var(--muted);flex-wrap:wrap;gap:2px 8px;margin-bottom:12px;font-size:13px;display:flex}.code{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 6px;font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text);font-size:12px}.notice{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:8px;padding:10px 14px}.camino{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.module{margin-bottom:20px}.module>header{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.branch-title{color:var(--accent-text);margin:12px 0 6px;font-size:13px}.unit-row{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;width:100%;margin-bottom:8px;padding:12px 14px;display:grid}.unit-row[aria-pressed=true]{border-color:var(--glow);background:var(--panel-2)}.unit-row.off{opacity:.6}.unit-row .title{grid-area:1/1;font-weight:600}.unit-row .code{grid-area:2/1;justify-self:start}.unit-row .here-tag{grid-area:1/2;justify-self:end}.unit-row>.muted{grid-area:2/2;justify-self:end}.here-tag{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:0 10px;font-size:12px}.panel-unit{position:sticky;top:16px}.panel-unit>.row{justify-content:space-between}.sheet-close{margin-left:auto}.today{margin-bottom:8px}.today-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:4px 14px;font-size:13px;display:inline-flex}.pill.review{color:var(--magenta);background:#ec489914;border-color:#ec489980}.pill button{padding:2px 10px;font-size:13px}.resume-band{background:var(--panel-2);border:1px solid #22d3ee73;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;padding:16px 20px;display:flex}.resume-band strong{font-size:18px}.resume-band .spacer{flex:1}.branches{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 16px;display:grid}.unit-row .unit-state{white-space:nowrap;font-size:12px}.more-card{border:1px dashed var(--line);border-radius:10px;margin:0;padding:12px 14px}.list.upcoming{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:8px 12px;padding:10px 0;display:grid}.stage .dot{border:2px solid var(--line);border-radius:50%;width:14px;height:14px}.stage.hecha .dot{background:var(--good);border-color:var(--good)}.stage.en_curso .dot,.stage.hoy .dot{border-color:var(--cyan);background:var(--cyan)}.stage.atrasada .dot{border-color:var(--warn)}.stage.sin_ver .dot{border-color:var(--accent-text)}.substeps{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.substeps ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.substeps .chip{color:var(--good);background:#34d39914;border-color:#34d39973}.substeps .chip[aria-current=step]{border-color:var(--good);color:var(--text);font-weight:600}.substeps .spacer{flex:1}.kv{margin:0}.kv>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0;font-weight:600}.concept{max-width:760px;margin:0 auto}.concept section{margin-bottom:28px}.terms{gap:8px;margin:0;display:grid}.terms dt{font-weight:600}.terms dd{color:var(--muted);margin:0 0 8px}.concept .terms{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.concept .terms>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.concept .terms dd{margin:4px 0 0;font-size:14px}.option{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.option.right{border-color:var(--good)}.option.wrong{border-color:var(--warn)}.streak-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:420px;display:grid}.streak-cell{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.streak-cell.activo{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.streak-cell.gracia{border-style:dashed;border-color:var(--warn);color:var(--warn)}.streak-cell.hoy{border:2px solid var(--cyan);color:var(--cyan)}.streak-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.streak-stats .card{margin-bottom:0}.streak-stats .value{font-size:36px;font-weight:700;line-height:1.1}.streak-stats .card:first-child .value{color:var(--warn)}.streak-stats .card:nth-child(2) .value{color:var(--accent-text)}.streak-stats .card:nth-child(3) .value{color:var(--cyan)}.concept-index{gap:6px;font-size:13px;display:none;position:fixed;top:96px;left:24px}.concept-index a{color:var(--muted);text-decoration:none}.concept-index a:hover{color:var(--accent-text)}@media (width>=1200px){.concept-index{display:grid}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px),(pointer:coarse){html,body{overflow-x:hidden}body{font-size:16px}.shell{height:100dvh}.nav{gap:8px;padding:8px 12px}.nav-items,.nav .chip:not(.streak){display:none}:root{--tabs-h:52px}.tabs-bottom{height:calc(var(--tabs-h) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex}.tabs-bottom a{text-align:center;min-height:44px;color:var(--muted);flex:1;padding:12px 4px;font-size:13px;text-decoration:none}.tabs-bottom a[aria-current=page]{color:var(--accent-text);background:var(--panel-2)}button,.unit-row,.option{min-height:44px}textarea,input,select{font-size:16px}.page{padding:16px}.camino,.branches,.list.upcoming{grid-template-columns:1fr}.today-pills{justify-content:flex-start}.pill{border-radius:12px}.panel-unit{top:auto;left:0;right:0;bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));z-index:5;border-radius:16px 16px 0 0;max-height:55dvh;margin:0;position:fixed;overflow:auto}.camino{padding-bottom:55dvh}.grid2{grid-template-columns:1fr}.streak-grid{max-width:100%}.racha-grid .racha-side{display:contents}.racha-grid .streak-stats{order:-1}table{display:block;overflow-x:auto}.hud-top>:not(.hud-back),.hud-help{display:none}}.auth-gate{background:var(--bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.auth-card{gap:12px;width:min(360px,100%);margin:0;display:grid}.auth-card input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:10px 12px}.auth-card button{min-height:44px}.auth-card [role=alert]{color:var(--warn);margin:0}