.toast-container{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;width:90%;max-width:400px}.toast{background-color:var(--color-surface);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--glass-border);box-shadow:var(--shadow-md);font-size:var(--text-sm);text-align:center;opacity:0;transform:translateY(20px);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.toast--visible{opacity:1;transform:translateY(0)}.toast--info{border-color:#8b92ff66}.toast--success{border-color:#34d39966}.toast--error{border-color:#f8717173;color:var(--color-error)}.toast--warning{border-color:#fbbf2473}.inicio-page{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:500px;margin:0 auto;padding-top:var(--space-6)}.layout__container{display:flex;flex-direction:column;min-height:100vh;max-width:600px;margin:0 auto;padding:var(--space-4)}.header{padding-block:var(--space-4);text-align:center}.header h1{font-size:var(--text-2xl);color:var(--color-primary)}.main-content{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.btn{min-height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-family:var(--font-base);font-weight:500;color:var(--color-text-muted);background:transparent;border:var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:color .18s var(--ease-out),background-color .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .18s var(--ease-out)}.btn:hover{color:var(--color-text);border:var(--glass-border-active);background:var(--color-surface-solid)}.btn--primary{background:var(--primary-gradient);color:#fff;border:none;padding:var(--space-3) var(--space-8);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:background-color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .18s var(--ease-out)}.btn--primary:hover{background:#8577f4;color:#fff;border:none;box-shadow:0 14px 30px -20px #6366f1cc;transform:translateY(-1px)}.btn:active,.btn--primary:active{transform:translateY(0)}.btn:disabled,.btn--primary:disabled{opacity:.45;box-shadow:none;transform:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.error-404{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.error-404 h1{font-size:var(--text-xl, 1.5rem);color:var(--color-text)}.error-404 p{color:var(--color-text-muted)}.error-404 .btn{margin-top:8px}.error-boundary-box{padding:20px;text-align:center;border:2px dashed var(--color-error);border-radius:var(--radius-md);background:#f871710d;color:var(--color-text)}.error-boundary-box h3{color:var(--color-error);margin-bottom:10px}.error-boundary-box p{font-size:var(--text-sm);margin-bottom:15px}.aviso-entorno{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-surface-solid);font-size:12px;line-height:1.4}.aviso-entorno__etiqueta{text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--color-primary);border:1px solid currentColor;border-radius:4px;padding:2px 6px}.aviso-entorno__texto{color:var(--color-text-muted)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}html{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg)}body{min-width:320px;font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}::selection{color:var(--color-text);background:#818cf859}button{font-family:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:root{--color-bg: #111216;--color-surface: #1e2028;--color-surface-solid: #262933;--color-surface-muted: #17191f;--color-primary: #8b92ff;--color-primary-light: rgba(129, 140, 248, .15);--color-secondary: #45dca5;--color-error: #fb7f7f;--color-warning: #fbbf24;--color-text: #f4f7fb;--color-text-muted: #a6b1c2;--primary-gradient: #7868ee;--color-border: rgba(255, 255, 255, .09);--color-border-strong: rgba(255, 255, 255, .16);--glass-border: 1px solid var(--color-border);--glass-border-active: 1px solid var(--color-border-strong);--shadow-sm: 0 8px 18px -14px rgba(0, 0, 0, .8);--shadow-md: 0 18px 44px -26px rgba(0, 0, 0, .9);--ease-out: cubic-bezier(.16, 1, .3, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-base: "Inter", system-ui, -apple-system, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px}[data-theme=dark],[data-theme=light]{--color-bg: #111216;--color-surface: #1e2028;--color-surface-solid: #262933;--color-surface-muted: #17191f;--color-text: #f4f7fb;--color-text-muted: #a6b1c2}