:root{--color-primary: #8ECAE6;--color-primary-dark: #219EBC;--color-secondary: #CDB4DB;--color-accent: #BDE0FE;--color-success: #D8F3DC;--color-success-text: #2D6A4F;--color-warning: #FFD6A5;--color-danger: #FFADAD;--color-bg-body: #F8F9FA;--color-bg-card: #FFFFFF;--color-bg-input: #F1F3F5;--color-text-main: #2D3436;--color-text-muted: #636E72;--color-text-light: #FFFFFF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px rgba(0,0,0,.05);--transition-fast: .2s ease;--transition-normal: .3s ease}@media(prefers-color-scheme:dark){:root{--color-bg-body: #121212;--color-bg-card: #1E1E1E;--color-bg-input: #2C2C2C;--color-text-main: #E1E1E1;--color-text-muted: #A0A0A0;--color-primary: #219EBC;--color-secondary: #9B72AA}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:480px;margin:0 auto;padding:0 var(--spacing-md);min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;transition:opacity var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary-dark);color:var(--color-text-light)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-light)}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.text-center{text-align:center}.mt-4{margin-top:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-lg)}.fade-in{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;width:280px;height:100%;background:var(--color-bg-card);z-index:100;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}