@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;font-weight:500;color:#111210;background:#f4f5ef;--page: #f4f5ef;--surface: #ffffff;--surface-soft: #fbfcf7;--surface-muted: #f2f5e8;--ink: #111210;--muted: #5d6259;--line: rgba(17, 18, 16, .08);--line-strong: rgba(17, 18, 16, .14);--accent: #d7ef67;--accent-strong: #c8e75a;--accent-soft: #f4f9dc;--accent-ink: #1b200d;--danger: #98503e;--warning: #8f6918;--success: #3e5f16;--shadow: 0 18px 44px rgba(16, 18, 15, .06);--shadow-soft: 0 10px 24px rgba(16, 18, 15, .04);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(215,239,103,.16),transparent 28%),linear-gradient(180deg,#fafbf7 0%,var(--page) 100%)}button,input,summary{font:inherit}input[type=radio]{position:absolute;opacity:0;pointer-events:none}svg{display:block}.page-shell{max-width:1260px;margin:0 auto;padding:28px 18px 50px}.hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.95fr);gap:22px;align-items:start;margin-bottom:24px}.hero-copy,.hero-note,.tool-panel,.result-panel,.help-strip{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.hero-copy,.tool-panel,.result-panel{border-radius:32px}.hero-copy{position:relative;overflow:hidden;padding:34px}.hero-copy:after{content:"";position:absolute;right:-34px;bottom:-48px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,#d7ef6775,#d7ef6700 72%);pointer-events:none}.hero-note{border-radius:28px;padding:22px;background:linear-gradient(180deg,#fff,#fafbf7)}.eyebrow{margin:0 0 10px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#6d7a39;font-weight:800}h1,h2{margin:0;color:var(--ink);font-weight:800;letter-spacing:-.045em}h1{max-width:12ch;font-size:clamp(3rem,5.6vw,4.9rem);line-height:.96}h2{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.02}.lede,.panel-intro p,.hero-note li,.help-strip p,.placeholder-copy,.supporting-copy,.confidence-block p,.notes-block li,.field small,.choice-copy,.stand-time{color:var(--muted)}.lede{position:relative;z-index:1;max-width:60ch;margin:18px 0 0;font-size:1rem}.hero-note ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hero-note li{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:var(--surface-soft);font-size:.95rem}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:22px;align-items:start}.tool-panel{padding:28px;background:linear-gradient(180deg,#fff,#fbfcf8)}.result-panel{position:sticky;top:18px;padding:28px;background:linear-gradient(180deg,#fff,#f9fbf3)}.placeholder-panel{min-height:360px;display:flex;flex-direction:column;justify-content:center}.panel-intro{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.converter-form{display:grid;gap:28px}.form-section{display:grid;gap:18px}.section-header{display:grid;gap:8px}.section-header h2{font-size:clamp(1.45rem,2vw,2rem)}.category-grid,.fryer-grid{display:grid;gap:12px}.category-grid,.fryer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{position:relative;min-height:118px;display:grid;align-content:start;gap:9px;padding:18px 56px 18px 18px;border-radius:24px;border:1px solid var(--line);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.choice-card:before{content:"";position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:14px;border:1px solid var(--line);background:var(--surface-muted);transition:background-color .16s ease,border-color .16s ease}.choice-card:hover,.choice-card:focus-within{transform:translateY(-2px);border-color:var(--line-strong)}.choice-card-active{background:linear-gradient(180deg,#fff,#fbfde8);border-color:#c8e75ae6;box-shadow:0 14px 30px #9ab34424}.choice-card-active:before{border-color:#1112100a;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%)}.choice-title{font-size:1rem;font-weight:800;color:var(--ink)}.choice-copy{font-size:.92rem}.number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:10px}.field span,.field-group legend{font-size:.94rem;font-weight:700;color:var(--ink)}.field-group{display:grid;gap:10px;margin:0;padding:0;border:0}.field-group legend{padding:0}.field input{width:100%;border-radius:18px;border:1px solid var(--line);background:#fbfbf8;padding:15px 16px;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.field input:focus{outline:none;background:#fff;border-color:#c8e75adb;box-shadow:0 0 0 4px #d7ef672e}.segment-row{display:flex;flex-wrap:wrap;gap:10px}.segment{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.segment:hover,.segment:focus-within{transform:translateY(-1px)}.segment-active{background:linear-gradient(180deg,var(--accent-soft) 0%,#fbfde7 100%);border-color:#c8e75ac2;color:var(--ink)}.advanced-panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff,#fafbf7);overflow:hidden}.advanced-panel summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.advanced-panel summary:after{content:"+";width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-muted);color:var(--ink)}.advanced-panel[open] summary:after{content:"-"}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-content{display:grid;gap:20px;padding:0 20px 20px;border-top:1px solid var(--line)}.primary-button{border:0;border-radius:999px;padding:16px 22px;font-weight:800;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 18px 28px #b1c6583d}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);outline:none;filter:saturate(1.02);box-shadow:0 20px 30px #b1c65847}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.confidence-pill{padding:10px 14px;border-radius:999px;font-size:.86rem;font-weight:800;white-space:nowrap;border:1px solid transparent}.confidence-high{background:#eef7d4;border-color:#3e5f161a;color:var(--success)}.confidence-medium{background:#faf1cf;border-color:#8f69181a;color:var(--warning)}.confidence-low{background:#f7e7e2;border-color:#98503e1f;color:var(--danger)}.result-time{margin:18px 0 8px;font-size:clamp(2.75rem,4.8vw,4rem);line-height:.98;font-weight:800;letter-spacing:-.05em;color:var(--ink)}.fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.fact-card,.confidence-block,.notes-block,.help-strip>div{border:1px solid var(--line);border-radius:24px;background:var(--surface-soft)}.fact-card{padding:16px;display:grid;gap:10px}.fact-card strong{font-size:.98rem;line-height:1.35;color:var(--ink)}.fact-icon{width:44px;height:44px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--ink)}.fact-icon svg{width:20px;height:20px}.fact-label,.confidence-heading,.notes-heading{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#6d7a39}.stand-time{margin:-6px 0 18px;padding:12px 14px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line)}.confidence-block,.notes-block{padding:18px}.notes-block ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}.notes-block li{position:relative;padding-left:18px}.notes-block li:before{content:"";position:absolute;top:.62em;left:0;width:8px;height:8px;border-radius:999px;background:var(--accent-strong)}.help-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;padding:14px;border-radius:28px}.help-strip>div{padding:20px}.error{color:var(--danger)}.hint{color:var(--muted)}@media(max-width:1080px){.hero,.workspace,.help-strip{grid-template-columns:1fr}.result-panel{position:static}}@media(max-width:720px){.page-shell{padding:18px 14px 38px}.hero-copy,.hero-note,.tool-panel,.result-panel{padding:22px;border-radius:26px}h1{max-width:none;font-size:clamp(2.45rem,11vw,3.55rem)}.category-grid,.fryer-grid,.number-grid,.fact-grid,.help-strip{grid-template-columns:1fr}.segment-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.segment{min-height:52px}.result-header{flex-direction:column}}