:root{--app-bg: linear-gradient(180deg, #f6f8ff 0%, #eef5ff 52%, #f9f6ef 100%);--app-surface: rgba(255, 255, 255, .74);--app-surface-elevated: rgba(255, 255, 255, .9);--app-surface-soft: rgba(248, 250, 255, .9);--app-border: rgba(136, 159, 197, .28);--app-border-strong: rgba(115, 139, 182, .34);--app-text: #4c5b74;--app-heading: #23324d;--app-text-soft: #7d8ca5;--app-accent: #4d8df7;--app-accent-soft: rgba(77, 141, 247, .12);--app-danger: #d85b73}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--app-text);background:radial-gradient(circle at top left,rgba(145,181,255,.28),transparent 28%),radial-gradient(circle at bottom right,rgba(255,204,157,.22),transparent 26%),var(--app-bg);line-height:1.5;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#app{min-height:100vh;padding:1.2rem;font-weight:400}@media(max-width:1024px){#app{padding:0 0 calc(4.8rem + env(safe-area-inset-bottom))}}