*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #FF4D6D;--primary-dark: #e63355;--primary-light: #ff8fa3;--primary-bg: #fff5f7;--secondary: #ff758c;--text: #1a1a2e;--text-muted: #6b7280;--border: #fce4ea;--white: #ffffff;--success: #10b981;--error: #ef4444;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(255, 77, 109, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body{height:100%;font-family:var(--font);background-color:var(--primary-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;font-family:var(--font)}input,textarea,select{font-family:var(--font)}img{max-width:100%}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:480px;margin:0 auto;background:var(--white);box-shadow:0 0 40px #ff4d6d14}@media (min-width: 768px){.app-container{max-width:720px}}@media (min-width: 1024px){.app-container{max-width:860px}}.app-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--white);border-top:1px solid var(--border);display:flex;padding:8px 0;z-index:10}@media (min-width: 768px){.app-nav{max-width:720px}}@media (min-width: 1024px){.app-nav{max-width:860px}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:2px}