:root,[data-theme=light]{--bg: #f7f5f2;--surface: #ffffff;--surface-2: #f2efea;--surface-3: #ebe7e0;--text: #2a2520;--text-2: #7c7267;--text-3: #a8a094;--border: #e9e5df;--border-strong: #dcd6cd;--navbar: rgba(255, 255, 255, .82);--accent: #5a52e0;--accent-contrast: #ffffff;--accent-soft: #ecebfb;--accent-text: #4a43d4;--accent-rgb: 90, 82, 224;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--shadow-sm: 0 1px 2px rgba(42, 37, 32, .05);--shadow-md: 0 1px 2px rgba(42, 37, 32, .04), 0 8px 24px rgba(42, 37, 32, .07);--shadow-lg: 0 6px 20px rgba(42, 37, 32, .18);--m-notas: #6366f1;--m-tareas: #f59e0b;--m-compras: #22c55e;--m-calendario: #3b82f6;--m-ejercicio: #8b5cf6;--m-diario: #ec4899;--m-salud: #14b8a6;--m-finanzas: #f59e0b;--m-futbol: #22c55e;--m-comics: #ef4444;--m-metas: #0ea5e9;--m-wishlist: #ec4899;--m-links: #64748b;--m-ia: #8b5cf6;--m-habitos: #14b8a6;--m-recetas: #f97316;--color-primary: var(--accent);--color-primary-light: var(--accent-soft);--color-primary-dark: var(--accent-text);--color-primary-rgb: var(--accent-rgb);--color-bg: var(--bg);--color-bg-elevated: var(--surface);--color-bg-card: var(--surface);--color-bg-input: var(--surface-2);--color-text: var(--text);--color-text-secondary: var(--text-2);--color-text-tertiary: var(--text-3);--color-text-inverse: var(--accent-contrast);--color-border: var(--border);--color-border-light: var(--border);--color-border-strong: var(--border-strong);--color-success: var(--success);--color-warning: var(--warning);--color-danger: var(--danger);--color-info: var(--info);--color-nav-bg: var(--navbar);--color-nav-border: var(--border)}[data-theme=dark]{--bg: #16130f;--surface: #221e19;--surface-2: #2c2721;--surface-3: #39322a;--text: #f3efe8;--text-2: #b3a99c;--text-3: #7c7267;--border: #322c25;--border-strong: #433b32;--navbar: rgba(22, 19, 15, .82);--accent: #928cf7;--accent-contrast: #16130f;--accent-soft: #2a2747;--accent-text: #a8a2f9;--accent-rgb: 146, 140, 247;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 12px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dotPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-scale-in{animation:scaleIn .2s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.55;color:var(--text);background:var(--bg);min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.01em;text-wrap:pretty}i[class^=ph],i[class*=" ph"]{display:inline-flex;line-height:1;font-size:1.25em}.tnum{font-variant-numeric:tabular-nums}a{color:var(--accent-text);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9999px}.app-container{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}@media (min-width: 960px){.app-container{max-width:none;margin:0;padding-left:256px}}.page{padding:1rem 1rem 5.5rem;animation:fadeIn .3s ease-out}@media (min-width: 960px){.page{padding:1.5rem 3rem 3rem;max-width:1180px}}.page-with-header{padding-top:4.5rem}@media (min-width: 960px){.page-with-header{padding-top:calc(68px + 1.5rem)}}.read-column{max-width:640px;margin:0 auto}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}