:root{color-scheme:light;--bg-top: #b4f4ff;--bg-bottom: #e7fff1;--panel: rgba(255, 255, 255, .56);--panel-strong: rgba(255, 255, 255, .72);--border: rgba(255, 255, 255, .72);--text: #11303c;--muted: #4b6c74;--accent: #2da4b7;--accent-deep: #16778b;--shadow: 0 22px 60px rgba(23, 82, 94, .18);--glow: 0 0 0 1px rgba(255, 255, 255, .65), inset 0 1px 0 rgba(255, 255, 255, .7);font-family:Trebuchet MS,Segoe UI,Gill Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 30%),radial-gradient(circle at 80% 10%,rgba(173,255,246,.65),transparent 24%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 85%);opacity:.32}a{color:var(--accent-deep)}button,input,select{font:inherit}.shell{position:relative;max-width:1400px;margin:0 auto;padding:28px 18px 42px}.sky-orb,.ripple{position:fixed;border-radius:999px;pointer-events:none;filter:blur(0);opacity:.75}.sky-orb{width:260px;height:260px;background:radial-gradient(circle at 35% 35%,#fffffff0,#72dbff42 55%,#4fabbe08 75%);box-shadow:inset 0 12px 30px #ffffff8c,inset 0 -15px 35px #2da4b72e,0 24px 50px #095f7129}.sky-orb-left{top:10vh;left:-80px}.sky-orb-right{right:-60px;top:24vh;width:180px;height:180px}.ripple{inset:auto auto 8vh 8vw;width:240px;height:130px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,#ffffff57,#ffffff14);box-shadow:inset 0 1px #fffc;transform:rotate(-12deg);opacity:.35}.glass-panel{background:linear-gradient(180deg,#ffffff9e,#ffffff61);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow),var(--glow);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,340px);gap:24px;align-items:center;padding:30px;border-radius:30px;overflow:hidden}.hero-copy h1{margin:0;font-size:clamp(2.2rem,4vw,4.7rem);letter-spacing:-.05em;line-height:.92}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.25em;color:var(--accent-deep);font-size:.8rem;font-weight:700}.lede{max-width:60ch;margin:16px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.6}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-badges span,.summary-chip{padding:9px 14px;border-radius:999px;background:#ffffffa6;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffffbf}.score-orb{position:relative;aspect-ratio:1;border-radius:50%;padding:14px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 18px 30px #ffffffbf,inset 0 -20px 35px #1a687a29,0 20px 45px #11687726;color:#0e4250;isolation:isolate;background:radial-gradient(circle at 30% 26%,#fffffffa,#c1fff8d1 28%,#5dd9e86b 58%,#12687a24)}.score-orb:before{content:"";position:absolute;inset:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff42,inset 0 14px 26px #ffffff47,inset 0 -16px 28px #0a4e6629;pointer-events:none;z-index:2}.score-orb-water{position:absolute;left:10px;right:10px;bottom:10px;height:var(--orb-fill, 24%);border-radius:0 0 999px 999px;background:linear-gradient(180deg,#5ce5ee9e,#21b2c8c7 30%,#107f98e6 68%,#0a4e66fa);box-shadow:inset 0 16px 22px #fff3,inset 0 -12px 16px #05314340;transition:height .85s cubic-bezier(.2,.8,.15,1);z-index:1;overflow:hidden}.score-orb-water:before,.score-orb-water:after{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(180deg,#ffffff8f,#ffffff0f);opacity:.65;filter:blur(.2px)}.score-orb-water:after{top:2px;height:7px;left:8%;right:8%;border-radius:999px;background:linear-gradient(180deg,#ffffffc7,#ffffff05);opacity:.24;filter:blur(.45px)}.score-orb-gloss{position:absolute;inset:11% 16% auto auto;width:37%;height:30%;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.96),rgba(255,255,255,.34) 52%,transparent 72%);transform:rotate(-18deg);opacity:.78;mix-blend-mode:screen;z-index:3;pointer-events:none}.score-orb-content{position:relative;z-index:4;display:grid;place-items:center;gap:6px;text-align:center;padding:10px}.score-orb-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.score-orb-value{font-size:clamp(3rem,8vw,5.6rem);font-weight:800;line-height:1}.score-orb-caption{max-width:18ch;text-align:center;font-size:.92rem;color:#0e4250d6}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;margin-top:22px}.stack{display:grid;gap:18px}.card,.result-panel{border-radius:24px;padding:22px}.card-header h2{margin:0;font-size:1.2rem}.card-header p{margin:6px 0 0;color:var(--muted)}.grid{display:grid;gap:12px}.pills{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:18px}.pill,.frequency-option,.toggle-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 14px 14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.72);background:#ffffff6b;box-shadow:inset 0 1px #ffffff9e;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.pill:hover,.frequency-option:hover,.toggle-card:hover{transform:translateY(-1px);border-color:#2da4b761;background:#ffffff8c}.pill input,.frequency-option input,.toggle-card input{margin-top:3px}.pill strong,.frequency-option strong,.toggle-card strong{display:block;font-size:.98rem}.pill small,.frequency-option small,.toggle-card small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.frequency-list,.region-switch{display:grid;gap:12px;margin-top:18px}.frequency-option,.toggle-card{grid-template-columns:auto 1fr auto}.frequency-option em{font-style:normal;color:var(--accent-deep);align-self:center;white-space:nowrap}.active{border-color:#16778b80;background:#d6fff8b8}.field{margin-top:16px;display:grid;gap:8px}.field label{font-weight:700}select{border-radius:14px;border:1px solid rgba(255,255,255,.76);background:#ffffffad;padding:13px 14px;color:var(--text);box-shadow:inset 0 1px #ffffffbf}.metric-grid{display:grid;gap:14px;margin-top:18px}.metric{padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffffb3,#ffffff6b);border:1px solid rgba(255,255,255,.68)}.metric span{display:block;color:var(--muted);font-size:.9rem}.metric strong{display:block;margin-top:6px;font-size:1.8rem;line-height:1.1}.metric small{display:block;margin-top:8px;color:var(--muted)}.summary-chip{display:inline-flex;margin-top:16px;color:var(--accent-deep);font-weight:700}.notes,.source-list{margin:18px 0 0;padding-left:18px;color:var(--text)}.notes li,.source-list li{margin-bottom:10px;line-height:1.5}.methodology,.bottom-line{margin:16px 0 0;color:var(--muted);line-height:1.7}.bottom-line p{margin:0 0 12px}.bottom-line p:last-child{margin-bottom:0}@keyframes wave-drift{0%{transform:translate(-10%)}50%{transform:translate(10%)}to{transform:translate(-10%)}}.results{align-self:start}@media(max-width:960px){.hero,.layout{grid-template-columns:1fr}.score-orb{width:min(280px,100%);justify-self:center}}@media(max-width:640px){.shell{padding:16px 12px 28px}.hero,.card,.result-panel{padding:18px;border-radius:20px}.frequency-option,.toggle-card{grid-template-columns:auto 1fr}.frequency-option em{grid-column:2;justify-self:start}}