/* Estilos aislados para las páginas nuevas; no modifican el diseño actual del sitio. */
:root{color-scheme:dark;--bg:#101116;--panel:#1c1d24;--text:#f4f4f6;--muted:#a5a7b0;--accent:#2393c4;--line:#343640}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;padding:24px 16px 100px}
a{color:#70c9f1;text-decoration:none}a:hover{text-decoration:underline}.panel{width:min(100%,460px);margin:5vh auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 12px 40px #0005}.marca{font-weight:800;letter-spacing:.04em;color:#fff}.panel h1,.wide h1{margin:22px 0}.panel form{display:grid;gap:18px}.panel label{display:grid;gap:7px;font-weight:600}input{min-width:0;background:#111218;color:var(--text);border:1px solid #454752;border-radius:8px;padding:13px;font:inherit;width:100%}button{border:0;border-radius:8px;background:var(--accent);color:white;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}.error{color:#ff9e9e}.ok{color:#8ee3a1}.wide{max-width:900px;margin:auto}.nav{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}.create{display:flex;gap:10px;margin:20px 0}.create input{flex:1}.lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.list-card{display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--text)}.list-card span,small{color:var(--muted)}.tracks{padding:0;list-style:none}.tracks li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.tracks li span{flex:1;min-width:0}.tracks small{display:block}.tracks button{padding:8px 10px;font-size:14px}.tracks .remove{background:#454752}.mini-player{position:fixed;bottom:0;left:0;right:0;background:#191a20;border-top:1px solid var(--line);padding:10px max(16px,calc((100vw - 900px)/2));display:flex;align-items:center;gap:14px}.mini-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mini-player audio{width:min(55%,420px)}@media(max-width:520px){.panel{padding:22px}.create{flex-direction:column}.tracks li{flex-wrap:wrap}.mini-player{align-items:stretch;flex-direction:column;gap:4px}.mini-player audio{width:100%}}

/* Pestañas Ingresar / Crear cuenta (una sola pantalla de acceso) */
.tabs{display:flex;gap:6px;background:#12131a;border:1px solid var(--line);border-radius:14px;padding:5px;margin:4px 0 14px}
.tabs a{flex:1;text-align:center;padding:10px 8px;border-radius:10px;font-weight:700;color:var(--muted);text-decoration:none}
.tabs a.on{background:linear-gradient(135deg,#ff2a2a,#b30000);color:#fff;box-shadow:0 0 12px rgba(230,0,0,.45)}
.tabs a:not(.on):hover{color:#fff;background:#23252e;text-decoration:none}
.btn-link{display:block;text-align:center;margin-top:10px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#ffd447,#f28c00);color:#1a0b00!important;font-weight:800;text-decoration:none!important}