@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,650&display=swap";:root{color:#183b39;font-synthesis:none;background:#f3f0e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#d6e5dd 0,#0000 30rem),#f3f0e8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}main{width:min(100%,860px);margin:auto;padding:28px 18px 40px}header{align-items:flex-start;gap:16px;margin:10px 0 26px;display:flex}.brand{color:#fff;background:#d7764f;border-radius:14px;flex:0 0 48px;place-items:center;height:48px;display:grid;box-shadow:0 8px 20px #a8583833}.brand span{font:650 27px Fraunces,serif}.eyebrow{letter-spacing:.14em;color:#d06643;margin:0 0 5px;font-size:11px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font:650 clamp(31px,8vw,48px)/1 Fraunces,serif}header>div>p:last-child{color:#647673;max-width:560px;margin:10px 0 0;line-height:1.45}.ears{gap:14px;display:grid}.ear-card{background:#fffdfa;border:1px solid #e5e0d5;border-radius:22px;padding:20px;box-shadow:0 10px 28px #3555510b}.ear-title{border-bottom:1px solid #ebe7de;align-items:center;gap:9px;padding-bottom:15px;display:flex}.ear-title h2{margin:0;font:650 22px Fraunces,serif}.ear-icon{color:#d7764f;font-size:26px}.fields{gap:4px;margin-top:8px;display:grid}label{justify-content:space-between;align-items:center;gap:14px;min-height:59px;display:flex}label>span{color:#6c7976;font-size:14px}label strong{color:#183b39;font-size:16px}.input-wrap{background:#f5f2eb;border:1px solid #ded9cf;border-radius:12px;align-items:center;width:132px;height:44px;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:#28726b;box-shadow:0 0 0 3px #28726b1c}input{text-align:right;color:#163f3b;background:0 0;border:0;outline:0;width:87px;height:100%;padding:0 9px;font-size:17px;font-weight:700}.input-wrap span{color:#71807d;font-size:13px}button{cursor:pointer;border-radius:14px;width:100%;min-height:52px;font-weight:700}.primary{color:#fff;background:#174b46;border:0;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex;box-shadow:0 9px 18px #174b462b}.primary:hover{background:#103f3a}.primary:disabled{opacity:.65;cursor:wait}.primary span{font-size:21px}.secondary{color:#687875;background:0 0;border:0;min-height:44px}.error{color:#a83c2d;background:#fff0eb;border-radius:12px;padding:12px 15px}.results{color:#fff;background:#143f3b;border-radius:24px;margin-top:24px;padding:24px 20px;box-shadow:0 16px 36px #143f3b30}.results .eyebrow{color:#f1a380}.score{text-align:center;padding:10px 0 22px}.score strong{color:#fff8e9;font:650 56px Fraunces,serif;display:block}.score span{color:#b9ceca}.ear-results{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ear-results>div{background:#ffffff12;border:1px solid #ffffff17;border-radius:14px;padding:14px;position:relative}.ear-results span,.ear-results strong{display:block}.ear-results span{color:#b9ceca;font-size:13px}.ear-results strong{margin-top:5px;font-size:24px}.ear-results small{color:#ffd0b9;font-size:11px}details{color:#c6d5d2;border-top:1px solid #ffffff21;margin-top:18px;padding-top:16px;font-size:13px;line-height:1.5}summary{cursor:pointer;color:#fff;font-weight:600}footer{text-align:center;color:#84918e;padding:28px 15px 0;font-size:11px;line-height:1.5}@media (width>=700px){main{padding-top:48px}.ears{grid-template-columns:1fr 1fr}}