:root{--ink:#20232b;--accent:#d8462a;--bg:#fff8ee;--line:#dfd7ca;--muted:#696660}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3269c9;outline-offset:3px}header{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 28px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:850;display:flex;align-items:center;gap:8px;text-decoration:none}nav{display:flex;gap:22px;font-size:14px}nav a{text-decoration:none}main{max-width:1080px;margin:auto;padding:40px 28px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:35px;margin:10px 0 45px}.eyebrow,.step{font-size:11px;font-weight:800;letter-spacing:1.8px}h1{font-size:clamp(46px,7vw,88px);line-height:1.05;letter-spacing:-4px;margin:20px 0}h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:410px;color:var(--muted);font-size:15px}.badge{display:inline-block;font-size:12px;border-bottom:2px solid var(--accent);padding:8px 0}.hero-art{background:#e7eeff;border-radius:50% 50% 8px 8px;min-height:300px;display:grid;place-items:center;position:relative;transform:rotate(4deg)}.plate{width:220px;height:220px;border:18px solid white;outline:1px solid #ddd;box-shadow:5px 12px 0 #c8d1e4;border-radius:50%;display:grid;place-items:center;background:#faf9f6}.plate span{font-size:110px;transform:rotate(-15deg)}.art-label{position:absolute;bottom:9px;right:12px;background:#d8462a;color:white;padding:10px 14px;font-size:12px;font-weight:900;line-height:1.2;transform:rotate(-10deg)}.layout{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:start}.card{border-top:3px solid var(--ink);padding:24px 0}h2{font-size:26px;margin:12px 0 22px;letter-spacing:-.7px}label{display:block;font-size:13px;font-weight:750;margin:12px 0 7px}input{width:100%;min-height:56px;padding:14px 16px;border:2px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);font-size:17px}.matches{display:flex;flex-wrap:wrap;gap:7px;max-height:220px;overflow:auto;margin:14px 0}.matches button{background:white;border:1px solid var(--line);padding:9px 13px;border-radius:4px;font-size:13px;min-height:42px}.matches button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.hint{font-size:12px;color:var(--muted);line-height:1.7}.portion-switch{display:flex;border:1px solid var(--ink);margin-top:25px;padding:4px;gap:4px;border-radius:6px}.portion-switch button{flex:1;border:0;background:none;border-radius:3px;padding:12px 4px;font-size:14px;font-weight:750}.portion-switch button[aria-pressed=true]{background:var(--accent);color:white}.selection{border-top:1px dashed var(--line);padding:16px 0;margin-top:18px}.selection strong{font-size:18px}.selection p{font-size:12px;margin:3px 0;color:var(--muted)}summary{cursor:pointer;font-size:13px;font-weight:650}.result{background:#ffd553;padding:30px;border:2px solid var(--ink);border-radius:4px;box-shadow:8px 8px 0 var(--ink);text-align:center}.result h2{font-size:29px;overflow-wrap:anywhere;margin-bottom:5px}#resultPortion{font-size:13px}.calorie{display:flex;align-items:baseline;justify-content:center;gap:8px}.calorie strong{font-size:65px;line-height:1.3;letter-spacing:-3px}.calorie small{font-size:28px}.calorie span,.distance span{font-size:17px}.distance strong{font-size:70px;letter-spacing:-3px;line-height:1.2}.distance span{margin-left:8px}.distance-label,#childNote{font-size:13px}.track{height:46px;border:2px solid var(--ink);border-radius:40px;margin:25px auto 18px;width:180px;position:relative}.track:after{content:'';position:absolute;inset:6px;border:1px dashed var(--ink);border-radius:30px}.track-dot{position:absolute;top:-7px;left:40%;width:13px;height:13px;background:var(--accent);border:2px solid var(--ink);border-radius:50%}#estimateNote,#formula{font-size:11px;line-height:1.7}.gentle{font-size:12px;margin:24px 0 15px;color:var(--muted)}.actions{display:flex;gap:10px}.actions button{flex:1;border:1px solid var(--ink);border-radius:4px;min-height:48px;font-size:13px;font-weight:700}.primary{background:var(--ink);color:white}.secondary{background:white}button:disabled{opacity:.4;cursor:default}#fallback{background:#e7eeff;padding:12px;border-left:3px solid #3269c9}#fallback p{font-size:12px}.sources{border-top:1px solid var(--line);padding:25px 0;margin-top:42px;font-size:12px;color:var(--muted)}#sourceInfo{margin-top:18px}footer{max-width:1080px;margin:auto;display:flex;justify-content:space-between;padding:24px 28px;border-top:1px solid var(--line);font-size:12px}#error{font-size:12px;color:#a12d21}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;max-width:90vw;width:max-content;padding:15px 20px;border-radius:6px;z-index:100;font-size:13px}@media(max-width:700px){header{padding:16px 20px;flex-wrap:wrap}.brand{font-size:23px}nav{gap:16px}main{padding:25px 20px}.hero{grid-template-columns:1fr 100px;gap:12px;margin:8px 0 28px}.hero-art{min-height:130px}.plate{width:90px;height:90px;border-width:8px;box-shadow:3px 5px 0 #c8d1e4}.plate span{font-size:46px}.art-label{font-size:7px;right:-2px;bottom:0;padding:6px}h1{font-size:49px;letter-spacing:-2.5px;margin:14px 0}.hero p{font-size:13px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.badge{font-size:10px}.layout{grid-template-columns:1fr;gap:18px}.card{padding-top:18px}h2{font-size:24px}.result{padding:25px 20px;box-shadow:5px 5px 0 var(--ink)}.calorie strong{font-size:62px}.matches{max-height:180px}footer{gap:15px;flex-wrap:wrap}.sources{margin-top:28px}}