@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--sage: #7C9A82;--sage-light: #A8C0AD;--sage-dark: #5B7A60;--warm-white: #FAF8F5;--warm-white-2: #F5F1EC;--charcoal: #2D3436;--charcoal-light: #636E72;--terracotta: #C4704B;--terracotta-light: #D4896A;--gold: #D4A853;--gold-light: #E4C47A;--teal: #2C6E6A;--teal-light: #3E8E89;--score-excellent: #2D8F5E;--score-good: #7C9A82;--score-attention: #D4A853;--score-caution: #C4704B;--score-danger: #B85042;--el-water: #4A7C9B;--el-wood: #5D8A5E;--el-fire: #C75B3A;--el-earth: #C4A35A;--el-metal: #9DA5AE;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-heavy: rgba(255, 255, 255, .72);--glass-bg-light: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 2px 16px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .08);--glass-shadow-elevated: 0 8px 32px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .1);--glass-blur: blur(24px) saturate(180%);--glass-blur-light: blur(16px) saturate(150%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 50%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:var(--warm-white);color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:428px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;background:radial-gradient(ellipse at 20% 0%,rgba(124,154,130,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(212,168,83,.08) 0%,transparent 40%),radial-gradient(ellipse at 50% 80%,rgba(196,112,75,.06) 0%,transparent 40%),var(--warm-white)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:transform .2s ease,box-shadow .2s ease}.glass-card:active{transform:scale(.98);box-shadow:var(--glass-shadow)}.glass-card-elevated{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-elevated)}.glass-nav{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border)}.pill-btn{border:none;border-radius:100px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:-.2px}.pill-btn:active{transform:scale(.96)}.pill-btn-primary{background:var(--terracotta);color:#fff}.pill-btn-secondary{background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);color:var(--charcoal)}.glass-input{width:100%;padding:var(--space-md);border:1.5px solid rgba(0,0,0,.06);border-radius:var(--radius-sm);background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);font-size:16px;font-family:inherit;color:var(--charcoal);outline:none;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7c9a8226}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.score-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}