:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f6f2e8;--surface:#fffdf8;--surface-muted:#f0eee5;--ink:#123c34;--deep-green:#092f29;--text:#1c2b27;--muted:#60706a;--border:#d4d1c6;--border-strong:#a8afa8;--soft-green:#e1ebe4;--accent:#c95638;--accent-soft:#f7e4dc;--font-interface:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-editorial:Georgia, Cambria, "Times New Roman", Times, serif;--type-eyebrow:.72rem;--type-page-title:clamp(2.25rem, 6vw, 4rem);--type-section-title:.875rem;--type-card-title:.9rem;--type-body:1rem;--type-supporting:.8rem;--type-control:.82rem;--type-result-unit:clamp(1rem, 3cqw, 1.3rem);--type-count:.72rem;--font-size-sm:var(--type-supporting);--font-size-body:var(--type-body);--font-size-lg:1.25rem;--line-height-tight:1.1;--line-height-body:1.55;--measure:65ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--border-width:1px;--control-height:44px;--shadow-card:0 14px 34px #123c3414;--motion-instant:80ms;--motion-fast:.14s;--motion-standard:.2s;--motion-chrome:.24s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-chrome:cubic-bezier(.22, 1, .36, 1);--duration-fast:var(--motion-instant);--duration-state:var(--motion-fast);--duration-expand:var(--motion-standard);--ease:var(--ease-out);--content-width:1040px;--convert-width:800px;--shell-width:1120px;font-family:var(--font-interface);color:var(--text);background:var(--canvas);font-synthesis:none;line-height:var(--line-height-body)}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-wrap:break-word;min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden}#root,.app-shell{min-height:100vh;min-height:100dvh}.app-shell{flex-direction:column;display:flex}.convert-shell{height:100vh;grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:0;display:grid;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--deep-green)}.site-header{width:100%;max-width:var(--shell-width);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.65rem;font-weight:760;text-decoration:none;display:flex}.brand>span{white-space:nowrap}.header-actions,.site-header nav{align-items:center;gap:var(--space-2);display:flex}.utility-nav{margin-left:var(--space-1);padding-left:var(--space-2);border-left:1px solid var(--border)}.site-header nav a{min-height:var(--control-height);padding:0 var(--space-3);color:var(--muted);font-size:var(--font-size-sm);border-bottom:2px solid #0000;place-items:center;font-weight:650;text-decoration:none;display:grid}.site-header nav a:hover{color:var(--ink)}.site-header nav a[aria-current=page]{border-bottom-color:var(--accent);color:var(--ink);font-weight:800}.header-action{min-height:var(--control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);font-size:var(--font-size-sm);cursor:pointer;font-weight:750}.mobile-primary-nav{display:none}.storage-warning{z-index:20;top:var(--space-3);width:min(100% - 2rem,680px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#713b30;font-size:var(--type-supporting);text-align:center;box-shadow:var(--shadow-card);background:#fff4ef;border:1px solid #a54a31;margin:0;font-weight:650;line-height:1.4;position:fixed;left:50%;transform:translate(-50%)}main{width:100%;max-width:var(--content-width);padding:var(--space-6) var(--space-6) var(--space-12);flex:1;margin:0 auto}main:focus{outline:none}.fatal-error{align-self:center;max-width:680px}.fatal-error button{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--ink);color:#fff;cursor:pointer;font-weight:750}.convert-main{grid-template-rows:auto minmax(0,1fr);gap:0;min-height:0;padding-bottom:0;display:grid;overflow:hidden}.hero{width:100%;max-width:var(--convert-width);min-width:0;margin:auto}.eyebrow{color:#b64a24;font-size:var(--type-eyebrow);letter-spacing:.12em;text-transform:uppercase;font-weight:800;line-height:1.25}h1{max-width:650px;font-family:var(--font-editorial);font-size:var(--type-page-title);letter-spacing:-.035em;margin:.55rem 0 .75rem;font-weight:400;line-height:1.05}.converter-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .65rem;display:flex}.converter-heading label{font-weight:750;display:block}.converter-heading a{color:#315f53;text-underline-offset:.2em;flex:none;font-size:.8rem;font-weight:750}.converter,.input-wrap,.result-card{width:100%;min-width:0}.input-wrap{position:relative}.input-wrap input{border:2px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:100%;min-height:4.4rem;color:var(--deep-green);box-shadow:none;padding:.8rem 1.15rem;font-size:clamp(1.25rem,4vw,1.65rem)}.input-wrap input:focus{border-color:var(--ink)}.hint{color:var(--muted);font-size:var(--type-supporting);margin:.65rem .1rem 1.4rem;line-height:1.7}.text-button{appearance:none;color:#315f53;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted;padding:0}.result-card{border:var(--border-width) solid #082a24;border-radius:var(--radius-lg);background:var(--ink);color:#fff;box-shadow:var(--shadow-card);overflow:hidden;container-type:inline-size}.result-card.invalid{background:#713b30;border-color:#713b30}.result-heading{color:#bcd4ca;font-size:var(--type-eyebrow);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;padding:1rem 1.2rem 0;font-weight:700;line-height:1.25;display:flex}.result{align-items:baseline;gap:.55rem;min-height:8.5rem;padding:1rem 1.2rem 1.4rem;display:flex}.result strong{font-family:var(--font-editorial);letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(2.8rem,11.3vw,5.65rem);font-weight:400;line-height:1}.result>span{color:#d6e7df;font-family:var(--font-interface);font-size:var(--type-result-unit);font-weight:500;line-height:1.2}.result .empty-result{color:#f1ddd3;align-self:center;font-size:1rem}.actions{border-top:1px solid #ffffff26;display:flex}.actions button{min-width:0;min-height:3.3rem;padding-inline:var(--space-2);color:#fff;cursor:pointer;font-size:var(--type-control);overflow-wrap:anywhere;background:0 0;border:0;border-right:1px solid #ffffff26;flex:1;font-weight:700;line-height:1.2}.actions button:last-child{border-right:0}.actions button:hover{background:#ffffff12}.actions span{margin-right:.25rem;font-size:1.1rem}.actions .button-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;width:1em;height:1em}.result-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.result-heading>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.precision-control{min-width:0;color:inherit;border:0;align-items:center;gap:.25rem;margin:0;padding:0;display:flex}.precision-control>span{letter-spacing:.02em;text-transform:none;white-space:nowrap;margin-right:.35rem;font-size:.68rem;font-weight:650}.precision-control button{min-width:27px;min-height:27px;color:inherit;font-variant-numeric:lining-nums tabular-nums;cursor:pointer;background:0 0;border:1px solid #7d928a;border-radius:.35rem;padding:0 .3rem;font-size:.68rem;font-weight:700}.precision-control button:hover{background:#ffffff12}.precision-control button.selected{border-color:var(--surface);background:var(--surface);color:var(--ink)}.result-card .result strong{font-size:clamp(2.8rem,11.75cqw,5.65rem)}.result-card.precision-10 .result strong{font-size:clamp(2.55rem,10.8cqw,5.4rem)}.result-card.precision-15 .result strong{letter-spacing:-.04em;font-size:clamp(1.7rem,9.7cqw,5rem)}.result-card .result{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.result-card .result strong{overflow-wrap:normal;word-break:normal;flex:none}.result-card .result>span{flex:none}@media (max-width:520px){.result-heading{grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.precision-control>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.result-card.valid .result{min-height:96px;padding-bottom:var(--space-4)}}h2{font-size:var(--type-section-title);letter-spacing:.06em;text-transform:uppercase;font-weight:800;line-height:1.25}.empty{color:var(--muted);font-size:var(--type-supporting)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.browse-page{max-width:900px;margin:auto}.secondary-page-heading{margin:0 0 var(--space-8)}.secondary-page-heading h1{margin:0 0 var(--space-2);font-family:var(--font-editorial);letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.25rem);font-weight:400;line-height:1.05}.secondary-page-heading p{color:var(--muted);margin:0}.browse-search{color:#526b64;font-size:var(--type-eyebrow);gap:.4rem;margin:0 0 1.5rem;font-weight:800;display:grid}.browse-search-field{display:block;position:relative}.browse-search input{background:var(--surface);width:100%;min-height:3.25rem;color:var(--ink);border:1px solid #769188;border-radius:.7rem;padding:.7rem 3.5rem .7rem .9rem;font-size:1rem;font-weight:500}.browse-search input::-webkit-search-cancel-button{appearance:none}.clear-search{top:50%;right:var(--space-1);width:var(--control-height);height:var(--control-height);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)}.clear-search:hover{background:var(--soft-green);color:var(--ink)}.clear-search:active{background:var(--border)}.clear-search svg{width:18px;height:18px;display:block}.clear-search path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.browse-section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.browse-section-heading h2{margin:0 0 .55rem}.browse-section-heading span{color:var(--muted);font-size:var(--type-count);font-variant-numeric:lining-nums tabular-nums;margin-bottom:.55rem;font-weight:700}.search-results{margin-bottom:1.5rem}.result-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem;display:grid}.result-grid button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;min-width:0;min-height:3.8rem;transition:border-color .14s var(--ease), background-color .14s var(--ease);padding:.65rem .75rem}.result-grid strong,.result-grid small{overflow-wrap:anywhere;display:block}.result-grid strong{font-size:var(--type-card-title);line-height:1.3}.result-grid strong span{font-weight:500}.result-grid small{color:var(--muted);font-size:var(--type-count);margin-top:.2rem;line-height:1.3}.result-grid button:disabled,.unit-chips button:disabled{cursor:not-allowed;opacity:.42}.selection-status{border-left:4px solid var(--accent);background:#e5ece5;border-radius:.35rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;padding:.75rem .9rem;font-size:.82rem;display:flex}.selection-status span,.selection-status small{display:block}.selection-status small{color:#526b64;margin-top:.25rem;font-size:.78rem}.selection-status button{color:#8a3b25;cursor:pointer;background:0 0;border:0;font-weight:750;text-decoration:underline}.destination-picker{margin-bottom:1.5rem}.popular-pairs{margin-top:1.6rem}.compact-pairs{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.compact-pairs a{border:1px solid var(--border);background:var(--surface);color:var(--ink);text-align:center;border-radius:.6rem;padding:.65rem .4rem;text-decoration:none}.compact-pairs a:hover{color:#a64021;border-color:#567068}.category-browser{margin-top:2rem}.category-section{margin-top:1.4rem}.category-section h3{color:var(--muted);font-size:var(--type-eyebrow);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .6rem;font-weight:800;line-height:1.25}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.65rem;display:grid}.category-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;transition:border-color .14s var(--ease), background-color .14s var(--ease);overflow:hidden}.category-card{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:4rem;padding:.7rem .8rem;display:flex}.category-card strong,.category-card small{display:block}.category-card strong{font-size:var(--type-card-title);font-weight:750;line-height:1.25}.category-card small{color:var(--muted);font-size:var(--type-count);margin-top:.2rem;line-height:1.3}.category-card>span:last-child{width:var(--control-height);height:var(--control-height);flex:0 0 var(--control-height);color:#a64021;border-radius:50%;place-items:center;font-size:0;display:grid;position:relative}.category-card:hover>span:last-child{background:var(--soft-green)}.category-card:focus-visible{outline-offset:-3px}.unit-panel{padding:var(--space-3);border-top:1px solid var(--border);background:#f1f2eb}.unit-chips{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.unit-chips button{min-width:0;max-width:100%;min-height:58px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .14s var(--ease), background-color .14s var(--ease), color .14s var(--ease);border:1px solid #9aaba4}.unit-chips button strong,.unit-chips button span{overflow-wrap:anywhere;display:block}.unit-chips button strong{color:var(--deep-green);font-size:var(--type-card-title);font-weight:750;line-height:1.2}.unit-chips button span{margin-top:var(--space-1);color:var(--muted);font-size:var(--type-count);line-height:1.3}.unit-chips button.compatible{background:color-mix(in srgb, var(--soft-green) 45%, var(--surface));border-color:#79968c}.unit-chips button.compatible:after{content:"Compatible";margin-top:var(--space-1);color:#315f53;font-size:.64rem;font-weight:800;display:block}.unit-chips button.selected{border:2px solid var(--accent);background:var(--accent-soft)}.unit-chips button:disabled{border-color:var(--border);background:var(--surface-muted);opacity:.48}.unit-chips button.selected:after{content:" · From";color:#8a3b25;font-size:.65rem;font-weight:800}.about-page,.license-page{max-width:720px;margin:auto}.library-page{width:100%;max-width:920px;margin:auto}.library-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.library-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);overflow:hidden}.library-section-heading{min-height:64px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);display:flex}.library-section-heading h2{color:var(--deep-green);margin:0}.library-section-actions{align-items:center;gap:var(--space-2);display:flex}.library-count{min-width:42px;min-height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--soft-green);color:var(--ink);font-size:var(--type-count);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;place-items:center;font-weight:800;display:grid}.library-clear{min-height:var(--control-height);padding:0 var(--space-2);color:#8a3b25;font-size:var(--font-size-sm);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;text-decoration:underline}.library-list{margin:0;padding:0;list-style:none}.library-item{grid-template-columns:minmax(0, 1fr) calc(var(--control-height) + var(--space-2));border-bottom:1px solid var(--border);min-width:0;transition:background-color var(--duration-state) var(--ease);align-items:stretch;display:grid}.library-pin-item{grid-template-columns:minmax(0,1fr) auto}:is(.library-item:has(.library-reuse:hover),.library-item:has(.library-reuse:focus-visible)){background:var(--soft-green)}.library-item:last-child,.library-item button{border-bottom:0}.library-reuse{min-width:0;min-height:68px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.library-reuse:hover,.library-reuse:focus-visible{color:var(--ink);background:0 0}.library-pair{overflow-wrap:anywhere;min-width:0;font-weight:700}.library-pair span{color:var(--accent)}.library-recent{justify-content:center;align-items:flex-start;gap:var(--space-1);flex-direction:column}.library-recent>span,.library-recent strong{overflow-wrap:anywhere;max-width:100%}.library-recent strong{color:var(--deep-green);text-align:left;font-variant-numeric:lining-nums tabular-nums}.library-pin-actions{padding-right:var(--space-1);grid-template-columns:repeat(3, var(--control-height));align-items:center;display:grid}.library-order{width:var(--control-height);min-height:var(--control-height);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.library-order:hover:not(:disabled),.library-order:focus-visible{background:var(--soft-green);color:var(--ink)}.library-order:disabled{cursor:default;opacity:.3}.library-order svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.library-remove{z-index:0;width:var(--control-height);min-height:var(--control-height);color:#80655c;cursor:pointer;background:0 0;border:0;border-radius:50%;place-content:center;place-self:center start;place-items:center;padding:0;display:grid;position:relative}.library-remove:before{content:"";z-index:-1;background:0 0;border-radius:50%;width:38px;height:38px;position:absolute}.library-remove:hover,.library-remove:focus-visible{color:#8a3b25;background:0 0}.library-remove:hover:before,.library-remove:focus-visible:before{background:var(--accent-soft)}.library-remove:focus-visible{outline:0}.library-remove:focus-visible:before{box-shadow:0 0 0 3px var(--accent)}.library-remove svg{place-self:center;width:18px;height:18px;display:block}.library-remove path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.library-empty{min-height:96px;padding:var(--space-6) var(--space-4);color:var(--muted);font-size:var(--type-supporting);margin:0}.quick-reuse{width:100%;max-width:var(--convert-width);min-height:0;margin:var(--space-4) auto 0;padding-bottom:var(--space-4);overscroll-behavior:contain;overflow-y:auto}.quick-reuse-heading{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.quick-reuse-heading h2{color:var(--deep-green);margin:0}.quick-reuse-heading a{min-height:var(--control-height);padding-inline:var(--space-1);color:#315f53;font-size:var(--font-size-sm);text-underline-offset:.18em;place-items:center;font-weight:700;display:grid}.quick-reuse-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}.quick-reuse-grid button{min-width:0;min-height:52px;padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;align-content:center;display:grid}.quick-reuse-grid button:focus-visible{border-color:var(--border-strong);background:var(--soft-green)}.quick-reuse-grid button:active{background:var(--border);transform:scale(.98)}.quick-reuse-grid span,.quick-reuse-grid strong{overflow-wrap:anywhere;min-width:0}.quick-reuse-grid strong{color:var(--deep-green);font-size:var(--type-card-title);font-weight:700;line-height:1.3}.quick-reuse-grid strong span{color:var(--accent)}.about-page h1{font-size:clamp(2.2rem,6vw,3.75rem)}.about-page section{border-top:1px solid var(--border);padding:.75rem 0}.about-page section:first-of-type{border-top:0}.about-page h2{margin:0 0 .4rem}.about-page p{color:#526b64;max-width:65ch;margin:0;line-height:1.65}.about-page .about-intro{margin-bottom:var(--space-4);color:var(--text);font-size:var(--font-size-lg)}.about-page section p+p{margin-top:var(--space-2)}.about-page a{color:inherit;text-underline-offset:.18em}.open-source-links{margin-top:var(--space-2);align-items:center;gap:var(--space-3);display:flex}.open-source-links>span{color:var(--border-strong)}.open-source-links a{min-height:var(--control-height);align-items:center;gap:var(--space-2);color:#315f53;font-size:var(--font-size-sm);font-weight:750;display:inline-flex}.open-source-links svg{fill:currentColor;width:18px;height:18px}.license-page h1{margin-bottom:.5rem;font-size:clamp(2.2rem,6vw,3.75rem)}.license-copyright{color:#526b64;margin:0 0 2rem;font-weight:700}.license-text{border-top:1px solid var(--border);padding-top:.5rem}.license-text p{color:#526b64;margin:1.25rem 0 0;line-height:1.75}@media (min-width:720px){.site-header{padding-top:1.5rem}}@media (max-width:720px){.compact-pairs{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.category-grid,.result-grid{grid-template-columns:1fr}.selection-status{align-items:flex-start}.compact-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:380px){.unit-chips{grid-template-columns:1fr}}@media (max-width:720px){.library-grid{grid-template-columns:1fr}}@media (max-width:420px){.converter-heading{flex-direction:column;align-items:flex-start;gap:.35rem}.actions button{font-size:.72rem}.actions span{margin:0 0 .15rem;display:block}}@media (max-width:460px){.convert-main{padding-top:.75rem}}@media (prefers-reduced-motion:no-preference){button,input{transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out)}}.site-header{border-bottom:1px solid var(--border);min-height:68px}.brand{gap:var(--space-3);color:var(--ink);letter-spacing:-.018em;font-size:.94rem;font-weight:720}.brand-mark{flex:none;width:36px;height:36px}.brand-mark rect{fill:var(--ink)}.brand-mark path{fill:none;stroke:var(--canvas);stroke-width:17px;stroke-linecap:butt;stroke-linejoin:round}.site-header nav a{border:0;position:relative}.site-header nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform var(--duration-state) var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-header nav a[aria-current=page]{border:0}.site-header nav a[aria-current=page]:after{transform:scaleX(1)}main{padding-top:var(--space-6)}h1{color:var(--deep-green);text-wrap:balance}.converter-heading label:before{content:"[ ";color:var(--accent)}.converter-heading label:after{content:" ]";color:var(--accent)}.input-wrap input{min-height:72px;padding:var(--space-4) var(--space-6);border-color:var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);caret-color:var(--accent);box-shadow:none;font-variant-numeric:lining-nums tabular-nums;transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);outline:0}.input-wrap input:focus{border-color:var(--ink);box-shadow:0 0 0 4px #123c3417}.hint{margin:var(--space-2) var(--space-1) var(--space-6)}.result-card{border-radius:var(--radius-lg);background:var(--ink);box-shadow:var(--shadow-card);border:1px solid #082a24}.result-heading{padding:var(--space-4) var(--space-6) 0}.result{min-height:136px;padding:var(--space-3) var(--space-6) var(--space-6);gap:var(--space-3)}.result strong{font-variant-numeric:lining-nums tabular-nums;text-wrap:balance}.actions button{min-height:52px;transition:background-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease)}.actions button:active{background:#ffffff1b;transform:translateY(1px)}.browse-page{max-width:920px}.browse-search input{border-color:var(--border-strong);border-radius:var(--radius-md);background:var(--surface);outline:0;min-height:52px}.browse-search input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #123f3512}.compact-pairs a{min-height:var(--control-height);border-radius:var(--radius-sm);background:var(--surface);font-variant-numeric:lining-nums tabular-nums;transition:border-color var(--duration-state) var(--ease), background var(--duration-state) var(--ease), transform var(--duration-fast) var(--ease);place-items:center;display:grid;position:relative}.compact-pairs a:before{content:"";border-left:2px solid var(--accent);opacity:.7;position:absolute;top:7px;bottom:7px;left:5px}.compact-pairs a:hover{background:var(--soft-green)}.category-item{border-color:var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .14s var(--ease), background-color .14s var(--ease)}:is(.category-item:has(.category-card:hover),.category-item:has(.category-card:focus-visible)){background:color-mix(in srgb, var(--soft-green) 32%, var(--surface));border-color:#718c82}.category-item:has(.category-card[aria-expanded=true]){background:color-mix(in srgb, var(--soft-green) 58%, var(--surface));border-color:#557b6f}.category-card{min-height:64px}.category-card>span:last-child{color:var(--accent);font-size:0}.category-card>span:last-child:before,.category-card>span:last-child:after{content:"";background:currentColor;border-radius:2px;width:14px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-card>span:last-child:after{transition:transform .14s var(--ease), opacity .14s var(--ease);transform:translate(-50%,-50%)rotate(90deg)}.category-card[aria-expanded=true]>span:last-child:after{opacity:0;transform:translate(-50%,-50%)rotate(90deg)scaleX(0)}.unit-panel{background:color-mix(in srgb, var(--soft-green) 42%, var(--surface))}.result-grid button,.unit-chips button{background:var(--surface);transition:border-color var(--duration-state) var(--ease), background var(--duration-state) var(--ease), transform var(--duration-fast) var(--ease)}.result-grid button:hover,.result-grid button:focus-visible,.unit-chips button:not(:disabled):hover,.unit-chips button:not(:disabled):focus-visible{background:var(--soft-green);border-color:#557b6f}.about-page p,.license-text p{max-width:var(--measure)}.result strong,.result-grid strong,.unit-chips button,.compact-pairs a,.brand,.site-header nav{min-width:0}.result strong,.result-grid strong,.unit-chips button span,.compact-pairs strong{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:460px){.input-wrap input,.result-heading,.result{padding-inline:var(--space-4)}}@media (max-width:370px){.brand>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:520px){main{padding-top:var(--space-4);padding-inline:var(--space-4)}.actions button{min-height:var(--control-height)}}@media (max-width:640px){.app-shell{padding-bottom:calc(82px + env(safe-area-inset-bottom));transition:padding-bottom var(--motion-chrome) var(--ease-chrome)}.site-header{min-height:64px;padding:var(--space-2) var(--space-4);gap:var(--space-2)}.brand{gap:var(--space-2)}.brand-mark{width:32px;height:32px}.header-actions{gap:var(--space-2);min-width:0;margin-left:auto}.site-header .desktop-primary-nav{display:none}.utility-nav{border:0;margin:0;padding:0}.site-header nav a{padding-inline:var(--space-2)}.header-action{padding-inline:var(--space-3)}.mobile-primary-nav{z-index:20;right:max(10px, env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);opacity:1;min-height:62px;transition:transform var(--motion-chrome) var(--ease-chrome), opacity var(--motion-fast) linear;will-change:transform, opacity;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 8px;display:grid;position:fixed;transform:translate(0,0);box-shadow:0 8px 28px #123c3424}.mobile-primary-nav a{min-width:0;min-height:54px;padding:5px var(--space-2) 4px;color:var(--muted);font-size:var(--type-count);text-align:center;align-content:center;place-items:center;gap:2px;font-weight:700;line-height:1.1;text-decoration:none;display:grid;position:relative}.mobile-primary-nav a:before{content:"";background:var(--accent);opacity:0;width:36px;height:2px;transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-out);position:absolute;top:-4px;left:50%;transform:translate(-50%)scaleX(.55)}.mobile-primary-nav a:hover{color:var(--ink)}.mobile-primary-nav a[aria-current=page]{color:var(--ink);font-weight:750}.mobile-primary-nav a[aria-current=page]:before{opacity:1;transform:translate(-50%)scaleX(1)}.mobile-primary-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.site-header{min-height:0;max-height:80px;padding-top:var(--space-2);padding-bottom:var(--space-2);opacity:1;transition:max-height var(--motion-chrome) var(--ease-chrome), padding-top var(--motion-chrome) var(--ease-chrome), padding-bottom var(--motion-chrome) var(--ease-chrome), border-bottom-width var(--motion-chrome) var(--ease-chrome), transform var(--motion-chrome) var(--ease-chrome), opacity var(--motion-fast) linear;will-change:max-height, transform, opacity;border-bottom-width:1px;overflow:hidden;transform:translate(0,0)}.app-shell.dock-suppressed{padding-bottom:0}.app-shell.dock-suppressed .site-header{opacity:0;visibility:hidden;pointer-events:none;border-bottom-width:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}.app-shell.dock-suppressed .mobile-primary-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 16px))}}.convert-main{padding-top:var(--space-6)}.hero{margin:0 auto}.converter-composer{border:1px solid var(--border);border-radius:calc(var(--radius-lg) + 4px);background:var(--surface);width:100%;min-height:390px;box-shadow:var(--shadow-card);overflow:hidden}.converter-composer.invalid{border-color:color-mix(in srgb, var(--accent) 42%, var(--border))}.converter{padding:var(--space-6) var(--space-6) 0}.converter-heading{margin-bottom:var(--space-3)}.converter-heading label{color:var(--deep-green);font-family:var(--font-editorial);letter-spacing:-.02em;font-size:clamp(1.3rem,3vw,1.65rem);font-weight:600;line-height:1.2}.converter-heading label:before,.converter-heading label:after{content:none}.converter .input-wrap{align-items:center;display:flex}.converter .input-wrap input{min-height:68px;padding:var(--space-3) 64px var(--space-3) var(--space-4);border-width:1px;border-color:var(--border-strong);border-radius:var(--radius-md);background:var(--canvas);box-shadow:none}.converter .input-wrap input:focus{border-color:var(--ink);box-shadow:0 0 0 4px #123c3417}.clear-query{right:var(--space-3);width:var(--control-height);height:var(--control-height);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.clear-query:hover:not(:disabled){background:var(--soft-green);color:var(--ink)}.clear-query:active:not(:disabled){background:var(--border)}.clear-query:disabled{cursor:default;opacity:.28}.clear-query svg{width:18px;height:18px}.clear-query path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.converter .hint{margin:var(--space-2) var(--space-1) var(--space-4);color:var(--muted)}.converter-composer .result-card{border:0;border-top:1px solid var(--border);min-height:226px;color:var(--text);box-shadow:none;background:0 0;border-radius:0;grid-template-rows:auto minmax(126px,1fr) auto;display:grid;overflow:visible}.converter-composer .result-card.invalid{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:0 0}.converter-composer .result-heading{min-width:0;padding:var(--space-4) var(--space-6) 0;background:color-mix(in srgb, var(--soft-green) 40%, var(--surface));color:var(--muted)}.converter-composer .result-heading span{overflow-wrap:anywhere;min-width:0}.converter-composer .result-heading span:last-child{text-align:right}.converter-composer .result{min-height:126px;padding:var(--space-2) var(--space-6) var(--space-6);background:color-mix(in srgb, var(--soft-green) 40%, var(--surface));color:var(--deep-green);align-items:center}.converter-composer .result strong{min-width:0;max-width:100%;color:var(--deep-green);font-size:clamp(3.05rem,9.4vw,5.4rem);line-height:.95}.converter-composer .result-card .result strong{font-size:clamp(2.8rem,11.75cqw,5.65rem)}.converter-composer .result-card.precision-10 .result strong{font-size:clamp(2.55rem,10.8cqw,5.4rem)}.converter-composer .result-card.precision-15 .result strong{letter-spacing:-.04em;font-size:clamp(1.7rem,9.7cqw,5rem)}.converter-composer .result strong.compound-value{white-space:nowrap;overflow-wrap:normal}.converter-composer .result>span{color:var(--muted)}.converter-composer .result .empty-result{max-width:42ch;color:var(--muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}.converter-composer.invalid .result-heading,.converter-composer.invalid .result{background:var(--accent-soft)}.converter-composer.invalid .result .empty-result{color:#713b30}.converter-composer .actions{border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.converter-composer .actions button{min-width:0;min-height:52px;padding:var(--space-2);border-right:1px solid var(--border);color:var(--ink);background:0 0}.converter-composer .actions button:last-child{border-right:0}.converter-composer .actions button:hover:not(:disabled){background:var(--soft-green)}.converter-composer .actions button:active:not(:disabled){background:var(--border);transform:scale(.98)}.converter-composer .actions button:disabled{color:var(--muted);cursor:not-allowed;opacity:.48}.converter-composer .actions button[aria-pressed=true]{background:var(--accent-soft);color:#713b30}.action-status{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);background:var(--accent-soft);color:#713b30;font-size:var(--type-supporting);margin:0}.converter-composer .precision-control button{border-color:var(--border-strong);color:var(--muted)}.converter-composer .precision-control button:hover{background:var(--soft-green);color:var(--ink)}.converter-composer .precision-control button.selected{border-color:var(--ink);background:var(--ink);color:var(--surface)}@media (max-width:520px){.convert-main{padding-top:var(--space-4)}.converter-composer{border-radius:var(--radius-lg);min-height:382px}.converter{padding:var(--space-4) var(--space-4) 0}.converter-heading label{white-space:nowrap;font-size:clamp(1rem,5vw,1.3rem)}.converter .input-wrap input{min-height:62px;padding-left:var(--space-3)}.converter-composer .result-heading,.converter-composer .result{padding-inline:var(--space-4)}.converter-composer .result strong{font-size:clamp(2.6rem,15vw,4.25rem)}.converter-composer .actions button{overflow-wrap:anywhere}}.site-header nav a,.mobile-primary-nav a,.header-action,.text-button,.clear-query,.clear-search,.precision-control button,.category-card,.library-reuse,.library-remove,.quick-reuse-grid button{transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), transform var(--motion-instant) var(--ease-out)}.converter-composer .result-card{transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out)}.header-action:not(:disabled):active,.text-button:not(:disabled):active,.precision-control button:not(:disabled):active,.category-card:not(:disabled):active,.result-grid button:not(:disabled):active,.unit-chips button:not(:disabled):active,.library-reuse:not(:disabled):active,.library-remove:not(:disabled):active,.quick-reuse-grid button:not(:disabled):active{transform:scale(.98)}.clear-query:not(:disabled):active{transform:scale(.96)}.clear-search:not(:disabled):active{transform:translateY(-50%)scale(.96)}.site-header nav a:active,.mobile-primary-nav a:active,.compact-pairs a:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.compact-pairs a:hover,.result-grid button:hover,.unit-chips button:not(:disabled):hover,.quick-reuse-grid button:hover{transform:translateY(-1px)}.quick-reuse-grid button:hover{border-color:var(--border-strong);background:var(--soft-green)}}@media (prefers-reduced-motion:reduce){.header-action:active,.text-button:active,.clear-query:active,.precision-control button:active,.category-card:active,.result-grid button:active,.unit-chips button:active,.library-reuse:active,.library-remove:active,.quick-reuse-grid button:active,.site-header nav a:active,.mobile-primary-nav a:active,.compact-pairs a:active{transform:none}.clear-search:active{transform:translateY(-50%)}}