:root{--bg: #FAF7F2;--charcoal: #2C2C2A;--sand: #D4C5B0;--cream: #F5F1EB;--muted: #8A8580;--white: #FFFFFF;--score-exceptional-bg: #2D3B2D;--score-exceptional-accent: #8BA87E;--score-great-bg: #3D3C2E;--score-great-accent: #A89E6B;--score-moderate-bg: #3D3526;--score-moderate-accent: #B08E4A;--score-low-bg: #3D2B26;--score-low-accent: #B05A4A;--serif: "Playfair Display", Georgia, serif;--sans: "DM Sans", "Helvetica Neue", sans-serif;--radius: 20px;--radius-sm: 12px;--radius-pill: 50px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font-family:var(--sans);cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input[type=range]{width:100%;accent-color:var(--charcoal);height:2px}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.page{max-width:440px;margin:0 auto;padding:0 20px;min-height:100vh;min-height:100dvh}.label-xs{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-weight:500}.label-sm{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:500}.heading-lg{font-size:30px;font-weight:400;font-family:var(--serif);color:var(--charcoal);letter-spacing:-.5px;line-height:1.15}.heading-md{font-size:22px;font-weight:500;font-family:var(--serif);color:var(--charcoal);line-height:1.2}.heading-sm{font-size:18px;font-weight:500;font-family:var(--serif);color:var(--charcoal);line-height:1.25}.body-text{font-size:14px;font-weight:300;color:var(--charcoal);line-height:1.7}.pill{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--sand);font-size:13px;color:var(--charcoal);transition:all .2s ease;font-weight:400;letter-spacing:.3px;background:transparent}.pill.active{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal);font-weight:500}.pill-sm{font-size:10px;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--sand);color:var(--charcoal);letter-spacing:.4px;font-weight:500}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;border-radius:var(--radius-pill);background:var(--charcoal);color:var(--cream);font-size:15px;font-weight:500;letter-spacing:.3px;transition:transform .1s ease}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--sand);color:var(--muted);font-size:13px;font-weight:500;transition:all .2s ease}.card{border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:0 2px 24px #2c2c2a0f}.divider{border:none;border-top:1px solid var(--cream);margin:16px 0}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut-left{to{transform:translate(-110%) rotate(-6deg);opacity:0}}@keyframes slideOut-right{to{transform:translate(110%) rotate(6deg);opacity:0}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}