:root{--bg: #111318;--panel: #191c22;--panel2: #21252e;--borde: #262b36;--txt: #e8eaf0;--muted: #9aa3b2;--acc: #7c3aed;--acc2: #2ea043;--warn: #d97706;--danger: #dc2626;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt)}a{color:#a78bfa;text-decoration:none}.layout{display:flex;min-height:100vh}aside{width:250px;background:var(--panel);border-right:1px solid var(--borde);padding:1rem .8rem;display:flex;flex-direction:column;gap:.35rem;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}aside .brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}aside .brand img{width:38px;height:38px;border-radius:10px}aside .brand b{font-size:.95rem;line-height:1.15}.badge-pro{background:#4c1d95;color:#e9d5ff;font-size:.65rem;padding:.15rem .45rem;border-radius:99px;font-weight:800}aside nav{display:flex;flex-direction:column;gap:.15rem}aside nav a{padding:.55rem .7rem;border-radius:.6rem;color:var(--txt);font-size:.95rem;display:flex;gap:.5rem;align-items:center}aside nav a:hover{background:var(--panel2)}aside nav a.activo{background:var(--acc);color:#fff;font-weight:700}aside .foot{margin-top:auto;font-size:.72rem;color:var(--muted);border-top:1px solid var(--borde);padding-top:.7rem}aside .foot .estado{padding:.35rem .5rem;background:var(--panel2);border-radius:.5rem;margin-bottom:.4rem}aside .loginbox{margin-top:.5rem;background:var(--panel2);border-radius:.6rem;padding:.5rem;font-size:.8rem}aside .loginbox input{width:100%;margin:.2rem 0;background:var(--bg);border:1px solid var(--borde);color:var(--txt);border-radius:.4rem;padding:.35rem .5rem;font-size:.8rem}main{flex:1;padding:1.5rem;max-width:1050px;margin:0 auto;width:100%}h1{font-size:1.5rem;margin-bottom:.4rem}h2{font-size:1.15rem;margin:1rem 0 .5rem}p.sub{color:var(--muted);margin-bottom:1rem}.btn{background:var(--acc);color:#fff;border:0;padding:.6rem 1.1rem;border-radius:.6rem;font-weight:700;cursor:pointer;font-size:.95rem;display:inline-block}.btn:hover{filter:brightness(1.12)}.btn.ghost{background:var(--panel2);color:var(--txt)}.btn.ok{background:var(--acc2)}.btn.big{width:100%;padding:.8rem;margin-top:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}.card{background:var(--panel);border:1px solid var(--borde);border-radius:.9rem;padding:1rem}.card h3{font-size:1rem;margin-bottom:.35rem}.card:hover{border-color:var(--acc)}.card.clickable{cursor:pointer}.badge{display:inline-block;font-size:.68rem;padding:.14rem .5rem;border-radius:99px;font-weight:800}.b-free{background:#14532d;color:#bbf7d0}.b-pro{background:#4c1d95;color:#e9d5ff}.buscar{width:100%;background:var(--panel);border:1px solid var(--borde);color:var(--txt);border-radius:.7rem;padding:.7rem 1rem;font-size:1rem;margin:.5rem 0 1rem}.lec{display:block;background:var(--panel);border:1px solid var(--borde);border-left:4px solid var(--borde);border-radius:.6rem;padding:.65rem .9rem;margin:.45rem 0;color:var(--txt);cursor:pointer}.lec:hover{border-left-color:var(--acc)}.lec.leida{border-left-color:var(--acc2)}.articulo{background:var(--panel);border:1px solid var(--borde);border-radius:.9rem;padding:1.2rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}.articulo hr{border:0;border-top:1px dashed var(--borde);margin:1rem 0}.quiz{margin-top:1.1rem;background:var(--panel);border:1px solid var(--borde);border-radius:.9rem;padding:1rem}.q{margin:.9rem 0}.q p{font-weight:700;margin-bottom:.45rem}.op{display:block;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--borde);color:var(--txt);border-radius:.55rem;padding:.55rem .8rem;margin:.3rem 0;cursor:pointer;font-size:.93rem}.op.right{background:#14532d;border-color:var(--acc2)}.op.wrong{background:#7f1d1d;border-color:var(--danger)}.exp{display:none;font-size:.88rem;color:var(--muted);margin-top:.3rem}.chatwrap{max-width:780px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 3.5rem)}.msgs{flex:1;overflow-y:auto;padding:.5rem 0 1rem;display:flex;flex-direction:column;gap:.9rem}.msg{max-width:85%;padding:.8rem 1rem;border-radius:1rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.msg.user{align-self:flex-end;background:var(--acc);color:#fff;border-bottom-right-radius:.25rem}.msg.ai{align-self:flex-start;background:var(--panel2);border-bottom-left-radius:.25rem}.msg .who{font-size:.7rem;font-weight:800;opacity:.7;display:block;margin-bottom:.25rem}.typing{color:var(--muted);font-style:italic}.inputbar{display:flex;gap:.5rem;padding:.7rem;background:var(--panel);border:1px solid var(--borde);border-radius:1rem;align-items:flex-end}.inputbar textarea{flex:1;background:transparent;border:0;resize:none;color:var(--txt);font:inherit;max-height:160px;padding:.3rem;outline:none}.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.chip{background:var(--panel);border:1px solid var(--borde);border-radius:99px;padding:.3rem .8rem;font-size:.8rem;cursor:pointer}.chip:hover{border-color:var(--acc)}.pomo{text-align:center;padding:2rem 1rem}.pomo .reloj{font-size:4.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.05em}.pomo .modo{color:var(--muted);margin:.4rem 0 1rem}.barra{background:var(--panel2);border-radius:99px;height:12px;overflow:hidden}.barra>div{height:100%;background:linear-gradient(90deg,var(--acc),#22d3ee);border-radius:99px;transition:width .4s}.hamb{display:none;position:fixed;top:.7rem;left:.7rem;z-index:20;background:var(--acc);color:#fff;border:0;border-radius:.6rem;padding:.5rem .7rem;font-size:1.1rem}@media (max-width: 760px){.hamb{display:block}aside{position:fixed;left:-270px;z-index:15;transition:left .2s;box-shadow:0 0 40px #000}aside.abierto{left:0}main{padding:3.4rem 1rem 1rem}}