:root{--bg:#0d1117;--surface:#161b22;--subtle:#1c2333;--text:#c9d1d9;--text-strong:#f0f6fc;--text-muted:#8b949e;--border:#30363d;--button:#2563eb;--button-hover:#1d4ed8;--button-text:#fff;--focus:#3b82f6;--focus-soft:#3b82f633;--shadow:0 4px 24px #00000073;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(100% 45% at 50% -2%,#2563eb38 0%,#0000 68%),#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0d1117;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-soft);outline-offset:2px}.app-shell{min-height:100svh;color:var(--text);flex-direction:column;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(900px,100% - 32px);margin:0 auto;padding:22px 0;display:flex}.brand{color:var(--text-strong);align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.brand-logo{width:40px;height:40px}.bake-brand{text-shadow:0 0 18px #3b82f62e;gap:14px;font-size:26px}.bake-brand .brand-logo{filter:drop-shadow(0 0 12px #488bff52);width:46px;height:46px}.brand-unit{color:#f8fafc}.brand-accent{color:#60a5fa}.bake-wordmark{align-items:baseline;gap:0;line-height:1;display:inline-flex}.bake-script{color:#8bd13f;text-underline-offset:4px;text-shadow:0 0 16px #8bd13f57;margin-left:10px;font-family:Brush Script MT,Segoe Script,Apple Chancery,cursive;font-size:1.55em;font-style:italic;font-weight:700;line-height:.85;text-decoration:underline;text-decoration-thickness:3px;transform:rotate(-6deg)translateY(2px)}.cook-page .bake-script{color:#ef4444;text-shadow:0 0 16px #ef444466}.language-picker{align-items:center;display:inline-flex;position:relative}.language-icon{width:15px;height:15px;color:var(--text-muted);pointer-events:none;position:absolute;left:13px}.language-picker select{min-width:140px;color:var(--text-strong);background:var(--surface);border:1px solid var(--border);font:inherit;border-radius:10px;padding:12px 14px 12px 34px;font-size:15px}.content-grid{grid-template-columns:1fr 272px;align-items:start;gap:32px;width:min(900px,100% - 32px);margin:0 auto;padding:28px 0 56px;display:grid}.converter-section{flex-direction:column;gap:20px;display:flex}.intro-copy{max-width:620px}.intro-copy h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(26px,3vw,36px);line-height:1.15}.intro-copy p{max-width:580px;color:var(--text);margin:12px 0 0;font-size:17px;line-height:1.55}.converter-card{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:0;padding:28px 24px 24px;display:flex}.ingredient-group{flex-direction:column;gap:8px;padding:4px 0 16px;display:flex}.ingredient-select{min-height:54px}.ingredient-card-picker{border:1px solid var(--border);background:linear-gradient(135deg,#2563eb29,#8bd13f14);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 16px;display:flex}.ingredient-card-select-wrap{flex:1;min-width:0}.ingredient-card-select{background:0 0;border-color:#0000;min-height:44px;padding-left:0;font-size:19px;font-weight:700}.ingredient-card-select:focus{border-color:var(--focus);background:var(--subtle)}.ingredient-card-select-wrap .select-chevron{right:3px}.ingredient-density-chip{color:#8bd13f;white-space:nowrap;background:#8bd13f1f;border:1px solid #8bd13f47;border-radius:8px;flex-shrink:0;padding:5px 8px;font-size:12px;font-weight:700}.cook-page .ingredient-density-chip{color:#ff6868;background:#ef44441f;border-color:#ef44444d}.conv-group{flex-direction:column;gap:8px;padding:16px 0;display:flex}.conv-group:first-child{padding-top:4px}.conv-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px;font-weight:700}.conv-fields{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.conv-input{border:1px solid var(--border);background:var(--subtle);color:var(--text-strong);font:inherit;appearance:textfield;border-radius:12px;outline:0;min-width:0;padding:14px 16px;font-size:24px;font-weight:600}.conv-input::-webkit-outer-spin-button{-webkit-appearance:none}.conv-input::-webkit-inner-spin-button{-webkit-appearance:none}.conv-input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-soft);outline:none}.conv-result{background:var(--subtle);border:1px solid var(--border);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;align-items:center;min-width:0;padding:14px 16px;font-size:24px;font-weight:600;display:flex;overflow:hidden}.conv-select-wrap{align-items:center;min-width:0;display:flex;position:relative}.conv-select{appearance:none;background:var(--subtle);border:1px solid var(--border);width:100%;min-width:0;color:var(--text-strong);font:inherit;cursor:pointer;border-radius:12px;padding:14px 36px 14px 16px;font-size:15px;font-weight:600}.conv-select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-soft);outline:none}.select-chevron{color:var(--text-muted);pointer-events:none;font-size:11px;position:absolute;right:13px}.swap-row{justify-content:center;margin:4px 0;display:flex}.swap-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#818cf8 0%,#2563eb 100%);border:none;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 16px #2563eb73}.swap-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #2563eb8c}.swap-btn:active{transform:scale(.95)}.swap-icon{width:20px;height:20px}.conv-rate{color:var(--text-muted);margin:12px 0 0;font-size:13px}.conv-warning{color:var(--text-muted);margin:8px 0 0;font-size:13px}.conv-warning span{color:var(--text-strong);font-weight:700}.calculator-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.calculator-card{min-width:0;min-height:76px;color:var(--text-strong);background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;gap:8px;padding:12px;text-decoration:none;display:flex}.calculator-card:hover{background:var(--subtle)}.calculator-card.is-active{background:linear-gradient(135deg,#2563eb29,#60a5fa0f);border-color:#60a5fa75}.calculator-card-bake.is-active{background:linear-gradient(135deg,#8bd13f24,#2563eb14);border-color:#8bd13f6b}.calculator-card-cook.is-active{background:linear-gradient(135deg,#ef444424,#2563eb14);border-color:#ef44446b}.calculator-logo{align-items:center;gap:8px;min-width:0;display:inline-flex}.calculator-logo-icon{flex:none;width:28px;height:28px}.calculator-wordmark{align-items:baseline;min-width:0;font-size:19px;font-weight:700;line-height:1;display:inline-flex}.calculator-logo .bake-script{color:#8bd13f;text-underline-offset:3px;text-shadow:0 0 14px #8bd13f57;margin-left:6px;font-size:1.35em;text-decoration-thickness:2px}.calculator-logo-cook .bake-script{color:#ef4444;text-shadow:0 0 14px #ef444457}.calculator-card-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.unit-browser{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:6px;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow-y:auto}.unit-browser::-webkit-scrollbar{width:4px}.unit-browser::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.unit-category{flex-direction:column;display:flex}.unit-category-header{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-strong);font:inherit;cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.unit-category-header:hover{background:var(--subtle)}.unit-category-header.is-open{border-bottom-right-radius:0;border-bottom-left-radius:0}.cat-icon{color:#60a5fa;flex-shrink:0;width:15px;height:15px}.unit-category-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.unit-count{color:var(--text-muted);font-size:11px;font-weight:500}.unit-chevron{color:var(--text-muted);font-size:10px}.unit-list{background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-height:260px;margin:0 0 6px;padding:0;list-style:none;overflow:hidden auto}.unit-list::-webkit-scrollbar{width:4px}.unit-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.unit-list li{border-top:1px solid var(--border)}.unit-list li:first-child{border-top:none}.unit-btn{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.unit-btn:hover{background:var(--subtle);color:var(--text-strong)}.unit-btn.is-active{color:var(--text-strong);background:#2563eb1f}.bake-page .unit-category-header.is-open,.bake-page .unit-btn.is-active{border-color:#8bd13f61}.cook-page .unit-category-header.is-open,.cook-page .unit-btn.is-active{border-color:#ef44446b}.bake-page .cat-icon{color:#8bd13f}.cook-page .cat-icon{color:#ef4444}.bake-page .unit-btn.is-active{background:linear-gradient(90deg,#8bd13f2e,#2563eb1a)}.cook-page .unit-btn.is-active{background:linear-gradient(90deg,#ef444429,#2563eb1a)}.bake-page .unit-symbol{color:#8bd13f;background:#8bd13f1f}.cook-page .unit-symbol{color:#ff6868;background:#ef44441f}.unit-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.unit-symbol{color:var(--button);background:#2563eb1f;border-radius:4px;flex-shrink:0;padding:2px 7px;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:11px;font-weight:700}.ad-banner-section{width:min(900px,100% - 32px);min-height:90px;margin:-18px auto 56px;display:block;overflow:hidden}.ad-banner-section .adsbygoogle{min-height:90px}.seo-content{grid-template-columns:1fr 1fr;gap:32px;width:min(900px,100% - 32px);margin:0 auto;padding:0 0 72px;display:grid}.seo-content h2{color:var(--text-strong);letter-spacing:0;margin:0 0 10px;font-size:20px;line-height:1.25}.seo-content p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.7}.popular-conversions{grid-column:1/-1}.popular-conversions ul{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.popular-conversions li{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;line-height:1.25}.legal-content{width:min(760px,100% - 32px);margin:0 auto;padding:42px 0 72px}.legal-content h1{color:var(--text-strong);margin:0 0 18px;font-size:clamp(28px,4vw,42px);line-height:1.12}.legal-content p{color:var(--text);margin:0 0 18px;font-size:16px;line-height:1.75}.legal-content a,.site-footer a,.consent-banner a{color:#93c5fd}.site-footer{border-top:1px solid var(--border);width:min(900px,100% - 32px);color:var(--text-muted);justify-content:space-between;gap:16px;margin:auto auto 0;padding:24px 0 34px;font-size:13px;display:flex}.site-footer nav{flex-wrap:wrap;gap:14px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover,.footer-privacy-button:hover{text-decoration:underline}.footer-privacy-button{color:#93c5fd;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.consent-banner{z-index:20;border:1px solid var(--border);width:min(560px,100% - 36px);box-shadow:var(--shadow);background:#161b22f7;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px;display:grid;position:fixed;bottom:18px;right:18px}.consent-banner h2{color:var(--text-strong);margin:0 0 6px;font-size:16px}.consent-banner p{color:var(--text);margin:0;font-size:13px;line-height:1.55}.consent-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-btn,.secondary-btn{font:inherit;cursor:pointer;border-radius:10px;padding:10px 13px;font-size:13px;font-weight:700}.primary-btn{color:#fff;background:#2563eb;border:1px solid #60a5fa}.secondary-btn{color:var(--text-strong);background:var(--subtle);border:1px solid var(--border)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=960px){.content-grid{grid-template-columns:1fr;padding-top:28px}.seo-content{grid-template-columns:1fr}.unit-browser{max-height:none;position:static;overflow-y:visible}.unit-list{max-height:200px}}@media (width<=620px){.topbar{flex-wrap:wrap;width:min(100% - 24px,900px)}.content-grid,.seo-content{width:min(100% - 24px,900px)}.ad-banner-section{width:min(100% - 24px,900px);margin-bottom:44px}.site-footer{flex-direction:column;width:min(100% - 24px,900px)}.consent-banner{grid-template-columns:1fr}.conv-input,.conv-result{font-size:20px}.bake-brand{font-size:22px}.bake-brand .brand-logo{width:40px;height:40px}.calculator-switcher{grid-template-columns:1fr}.calculator-card{flex-direction:row;justify-content:space-between;align-items:center;min-height:64px}.calculator-card-label{white-space:normal;text-align:right}}@media (width<=460px){.language-picker,.language-picker select{width:100%}.converter-card{padding:22px 16px 20px}.conv-fields{grid-template-columns:1fr}.ingredient-card-picker{flex-direction:column;align-items:flex-start}.ingredient-card-select-wrap,.ingredient-density-chip{width:100%}.ingredient-density-chip{text-align:center}}