:root,[data-theme=light]{--color-primary: #4f46e5;--color-primary-light: #e0e7ff;--color-primary-dark: #4338ca;--color-primary-rgb: 79, 70, 229;--color-bg: #faf9f7;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-bg-input: #f5f3f0;--color-text: #2a2520;--color-text-secondary: #7c7267;--color-text-tertiary: #b8b0a4;--color-text-inverse: #ffffff;--color-border: #e8e5e0;--color-border-light: #f5f3f0;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--color-nav-bg: rgba(255, 255, 255, .9);--color-nav-border: #e8e5e0}[data-theme=dark]{--color-primary: #818cf8;--color-primary-light: #312e81;--color-primary-dark: #a5b4fc;--color-primary-rgb: 129, 140, 248;--color-bg: #1a1614;--color-bg-elevated: #2a2520;--color-bg-card: #2a2520;--color-bg-input: #413b35;--color-text: #f5f3f0;--color-text-secondary: #b8b0a4;--color-text-tertiary: #7c7267;--color-text-inverse: #1a1614;--color-border: #413b35;--color-border-light: #2a2520;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--color-info: #60a5fa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--color-nav-bg: rgba(26, 22, 20, .9);--color-nav-border: #413b35}@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:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}a{color:var(--color-primary);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(--color-border);border-radius:9999px}.app-container{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.page{padding:1rem 1rem 5.5rem;animation:fadeIn .3s ease-out}.page-with-header{padding-top:4.5rem}.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}