:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fondo:#101014;--panel:#1a1a21;--borde:#2a2a35;--texto:#e8e8ec;--apagado:#9a9aa8;--acento:#4f46e5}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.app{min-height:100vh;padding-bottom:92px}.app__header{border-bottom:1px solid var(--borde);padding:16px}.app__header h1{letter-spacing:.02em;margin:0;font-size:1.25rem}.app__main{max-width:780px;margin-inline:auto;padding:16px}.hidden-player{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-9999px}.player-bar{background:var(--panel);border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-bar__skipped{color:#ffe6a8;background:#4a3a12;margin:0;padding:8px 16px;font-size:.8125rem;position:absolute;bottom:100%;left:0;right:0}.player-bar__track{align-items:center;gap:10px;min-width:0;display:flex}.player-bar__track div{flex-direction:column;min-width:0;display:flex}.player-bar__track strong,.player-bar__track span{text-overflow:ellipsis;white-space:nowrap;max-width:44vw;overflow:hidden}.player-bar__track span{color:var(--apagado);font-size:.8125rem}.player-bar__controls{align-items:center;gap:4px;display:flex}.player-bar button{color:var(--texto);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:1.125rem}.player-bar button[aria-pressed=true]{color:var(--acento)}.player-bar__play{background:var(--acento)!important}.notice{color:#ffe6a8;background:#4a3a12;border-radius:10px;margin:16px;padding:14px}.notice p{margin:6px 0 10px;font-size:.9375rem}.notice button{color:#3a2c08;cursor:pointer;background:#ffe6a8;border:0;border-radius:8px;padding:8px 14px;font-weight:600}form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}form label{width:100%;color:var(--apagado);font-size:.8125rem}form input{min-width:200px;color:var(--texto);border:1px solid var(--borde);background:#0c0c10;border-radius:8px;flex:1;padding:10px 12px;font-size:1rem}form button,.results button{background:var(--acento);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-size:1rem}.quota{color:var(--apagado);font-size:.8125rem}.error{color:#ffc9d0;background:#4c1d24;border-radius:8px;padding:10px 12px}.results{margin:12px 0 0;padding:0;list-style:none}.results li{border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:8px;display:flex}.results li div{flex-direction:column;flex:1;min-width:0;display:flex}.results li strong,.results li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.results li span{color:var(--apagado);font-size:.8125rem}.results button{padding:8px 12px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{background:var(--panel);color:var(--apagado);border:1px solid var(--borde);cursor:pointer;border-radius:999px;padding:8px 14px}.tabs button[aria-pressed=true]{background:var(--acento);color:#fff;border-color:var(--acento)}.notice button{margin-right:8px}.notice[role=dialog],.notice[role=alertdialog]{z-index:10;position:fixed;bottom:100px;left:16px;right:16px;box-shadow:0 10px 40px #0009}.notice[role=dialog]:before,.notice[role=alertdialog]:before{content:"";z-index:-1;background:#0009;position:fixed;inset:0}.progress{color:var(--apagado);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:0 16px;font-size:.75rem;display:flex;position:absolute;top:-2px;left:0;right:0}.progress input{accent-color:var(--acento);flex:1}.transfer{align-items:center;gap:8px;margin:12px 0;display:flex}.transfer button,.transfer__import{background:var(--panel);color:var(--texto);border:1px solid var(--borde);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.875rem}.transfer button:disabled{opacity:.5;cursor:default}.transfer__import input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transfer__import:focus-within{outline:2px solid var(--acento);outline-offset:2px}
