:root{
  color-scheme:light dark;
  --bg:#f7f5f1;--surface:#ffffff;--surface-2:#f1eee8;--surface-3:#ebe7df;
  --text:#171717;--muted:#69655e;--border:#d9d4ca;--border-strong:#bdb6aa;
  --accent:#e86f00;--accent-hover:#c95f00;--accent-soft:#fff0df;--accent-ink:#783700;
  --success:#11653b;--success-soft:#e5f5ec;--danger:#a42b2b;--danger-soft:#fdeaea;--warn:#8a5700;--warn-soft:#fff3d5;
  --shadow-sm:0 1px 2px rgba(24,20,16,.06),0 8px 24px rgba(24,20,16,.05);
  --shadow-md:0 18px 50px rgba(24,20,16,.10);
  --radius-sm:.55rem;--radius-md:.85rem;--radius-lg:1.25rem;--radius-xl:1.65rem;
  --content:1180px;--header:68px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0f1011;--surface:#17191b;--surface-2:#1e2124;--surface-3:#25292d;
  --text:#f3f1ed;--muted:#aaa59e;--border:#303439;--border-strong:#484d53;
  --accent:#ff8a18;--accent-hover:#ffa24a;--accent-soft:#2e2115;--accent-ink:#ffc38b;
  --success:#74d7a2;--success-soft:#14281d;--danger:#ff9191;--danger-soft:#321919;--warn:#f0bd64;--warn-soft:#302515;
  --shadow-sm:0 1px 2px rgba(0,0,0,.25),0 8px 28px rgba(0,0,0,.16);--shadow-md:0 18px 50px rgba(0,0,0,.28)
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0f1011;--surface:#17191b;--surface-2:#1e2124;--surface-3:#25292d;
    --text:#f3f1ed;--muted:#aaa59e;--border:#303439;--border-strong:#484d53;
    --accent:#ff8a18;--accent-hover:#ffa24a;--accent-soft:#2e2115;--accent-ink:#ffc38b;
    --success:#74d7a2;--success-soft:#14281d;--danger:#ff9191;--danger-soft:#321919;--warn:#f0bd64;--warn-soft:#302515;
    --shadow-sm:0 1px 2px rgba(0,0,0,.25),0 8px 28px rgba(0,0,0,.16);--shadow-md:0 18px 50px rgba(0,0,0,.28)
  }
}
*{box-sizing:border-box}
html{font-family:var(--font);background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{margin:0;min-width:320px;line-height:1.55;background:var(--bg);color:var(--text)}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
button,input,select,textarea{font:inherit}
button{color:inherit}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}
[hidden]{display:none!important}
.container{width:min(calc(100% - 2rem),var(--content));margin-inline:auto}
.skip-link{position:fixed;z-index:9999;left:1rem;top:1rem;transform:translateY(-180%);padding:.7rem 1rem;background:var(--text);color:var(--bg);border-radius:.5rem}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.header-inner{min-height:var(--header);display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:760;letter-spacing:-.02em;white-space:nowrap}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:.62rem;background:var(--accent);color:white;font-weight:850}.brand-slash{color:var(--muted);font-weight:500}.brand-product{font-weight:650}
.primary-nav{display:flex;align-items:center;gap:.15rem;margin-left:1rem}.nav-link,.nav-details>summary{list-style:none;padding:.55rem .68rem;border-radius:.55rem;color:var(--muted);font-size:.93rem;cursor:pointer}.nav-link:hover,.nav-details>summary:hover,.nav-link[aria-current="page"]{background:var(--surface-2);color:var(--text)}.nav-details{position:relative}.nav-details>summary::-webkit-details-marker{display:none}.nav-details[open]>summary{background:var(--surface-2);color:var(--text)}.nav-menu{position:absolute;top:calc(100% + .55rem);left:0;min-width:220px;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:grid;gap:.12rem}.nav-menu a{padding:.55rem .65rem;border-radius:.45rem;color:var(--muted)}.nav-menu a:hover{background:var(--surface-2);color:var(--text)}
.header-actions{margin-left:auto;display:flex;gap:.45rem;align-items:center}.icon-button,.button{border:1px solid var(--border);background:var(--surface);border-radius:.65rem;padding:.58rem .8rem;cursor:pointer;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background .15s,border-color .15s,transform .15s}.icon-button:hover,.button:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.button:active,.icon-button:active{transform:translateY(1px)}.button--primary{background:var(--accent);border-color:var(--accent);color:white;font-weight:700}.button--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:white}.button--soft{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--border));color:var(--accent-ink)}.button--quiet{background:transparent}.is-success{background:var(--success-soft)!important;color:var(--success)!important}
.mobile-toggle{display:none}.mobile-nav{display:none}
main{min-height:70vh}
.hero{padding:4.2rem 0 2.6rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}.hero h1,.page-hero h1{font-size:clamp(2.4rem,7vw,5.4rem);line-height:.95;letter-spacing:-.055em;margin:.35rem 0 1rem;max-width:850px}.page-hero h1{font-size:clamp(2.2rem,5vw,4.25rem)}.lede{max-width:760px;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem);margin:0}
.trust-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}.trust-pill{padding:.38rem .62rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.82rem;background:var(--surface)}
.command-shell{margin-top:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:.8rem;box-shadow:var(--shadow-md);position:relative}.command-form{display:flex;align-items:center;gap:.7rem}.command-icon{width:42px;height:42px;border-radius:.7rem;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-weight:900;flex:none}.command-input{width:100%;border:0;background:transparent;color:var(--text);font-size:clamp(1.1rem,2.2vw,1.45rem);padding:.75rem .2rem;min-width:0}.command-input:focus{outline:none}.command-submit{flex:none}.command-hint{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);padding:.65rem .25rem 0;margin-top:.65rem;color:var(--muted);font-size:.78rem}.example-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.query-chip,.favorite-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.43rem .68rem;color:var(--muted);cursor:pointer}.query-chip:hover,.favorite-chip:hover{border-color:var(--accent);color:var(--text)}
.command-suggestions{position:absolute;left:.8rem;right:.8rem;top:calc(100% + .5rem);z-index:30;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);padding:.42rem;box-shadow:var(--shadow-md)}.suggestion-item{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border-radius:.5rem}.suggestion-item:hover{background:var(--surface-2);color:var(--text)}.suggestion-item__meta{color:var(--muted);font-size:.8rem}
.command-result{margin-top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem}.status-badge{display:inline-flex;border-radius:999px;padding:.32rem .55rem;background:var(--success-soft);color:var(--success);font-size:.72rem;font-weight:800;letter-spacing:.08em}.status-badge--warn{background:var(--warn-soft);color:var(--warn)}.command-answer{font-size:clamp(1.65rem,4vw,2.5rem);font-weight:790;letter-spacing:-.04em;margin-top:.65rem;overflow-wrap:anywhere}.command-sub{color:var(--muted);margin-top:.3rem}.command-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.section{padding:3.2rem 0}.section--tight{padding:2rem 0}.section--surface{background:var(--surface-2);border-block:1px solid var(--border)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-head h2{margin:0;font-size:clamp(1.45rem,3vw,2.1rem);letter-spacing:-.03em}.section-head p{margin:.25rem 0 0;color:var(--muted)}.text-link{color:var(--accent);font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.category-card,.tool-card,.info-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);padding:1.1rem;box-shadow:var(--shadow-sm)}.category-card{min-height:180px;display:flex;flex-direction:column}.category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:.75rem;background:var(--accent-soft);color:var(--accent);font-weight:900}.category-card h3,.tool-card h3{margin:.85rem 0 .25rem;font-size:1.08rem}.category-card p,.tool-card p,.info-card p{color:var(--muted);margin:.2rem 0}.category-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.8rem}.category-links a{font-size:.8rem;color:var(--muted);padding:.25rem .4rem;background:var(--surface-2);border-radius:.35rem}
.popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.popular-link{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);background:var(--surface);padding:.8rem .9rem;border-radius:.7rem}.popular-link span{color:var(--muted)}
.page-hero{padding:2.8rem 0 1.4rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--muted);font-size:.83rem;margin-bottom:1rem}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs span+span:before,.breadcrumbs a+span:before,.breadcrumbs a+a:before{content:"›";margin-right:.4rem;color:var(--border-strong)}
.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:1rem;align-items:start}.converter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.15rem;box-shadow:var(--shadow-sm)}.converter-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.7rem;align-items:end}.field{display:grid;gap:.4rem}.field label,.field-label{font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.value-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.85fr);border:1px solid var(--border);border-radius:.82rem;overflow:hidden;background:var(--bg)}.value-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.value-wrap input,.value-wrap select,.input,.select{border:0;background:transparent;color:var(--text);padding:.9rem;min-width:0}.value-wrap input{font-size:1.28rem;font-weight:710}.value-wrap select{border-left:1px solid var(--border);background:var(--surface-2)}.input,.select{border:1px solid var(--border);border-radius:.68rem;background:var(--bg);width:100%}.swap-button{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;margin-bottom:.1rem}.swap-button:hover{border-color:var(--accent);color:var(--accent)}
.result-panel{margin-top:1rem;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);padding:1rem}.result-primary{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;letter-spacing:-.045em}.result-equation{color:var(--muted);margin-top:.2rem;overflow-wrap:anywhere}.result-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.9rem}.converter-status{margin-top:.65rem;font-size:.82rem;color:var(--muted)}.converter-status[data-state="success"]{color:var(--success)}.converter-status[data-state="error"]{color:var(--danger)}.converter-status[data-state="warn"]{color:var(--warn)}
.details-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);padding:1rem}.details-card+ .details-card{margin-top:1rem}.details-card h2,.details-card h3{margin:.1rem 0 .75rem}.formula-code{display:block;padding:.8rem;border-radius:.65rem;background:var(--surface-2);font-family:var(--mono);overflow-wrap:anywhere}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.detail-box{padding:.65rem;background:var(--surface-2);border-radius:.65rem}.detail-box span{display:block;color:var(--muted);font-size:.76rem}.detail-box strong{font-family:var(--mono);font-size:.88rem;overflow-wrap:anywhere}
.multi-results{display:grid;gap:.45rem}.mini-result{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.mini-result:last-child{border:0}.mini-result__name{color:var(--muted);font-size:.83rem}
.reference-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.reference-table th,.reference-table td{text-align:left;padding:.7rem;border-bottom:1px solid var(--border)}.reference-table th{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.reference-table tbody tr:hover{background:var(--surface-2)}
.prose{max-width:800px}.prose h2{margin-top:2rem;letter-spacing:-.025em}.prose p,.prose li{color:var(--muted)}.prose strong{color:var(--text)}.notice{border-left:3px solid var(--accent);padding:.7rem .9rem;background:var(--accent-soft);border-radius:0 .6rem .6rem 0;color:var(--accent-ink)}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.metric-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.metric-value{font-size:clamp(1.55rem,3vw,2.2rem);font-weight:800;letter-spacing:-.04em;margin-top:.2rem;overflow-wrap:anywhere}.metric-sub{color:var(--muted);font-size:.85rem;margin-top:.3rem}.preset-row{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}
.bar-list{display:grid;gap:.65rem}.bar-row{display:grid;grid-template-columns:72px minmax(80px,1fr) 105px;gap:.6rem;align-items:center}.bar-label,.bar-value{font-size:.78rem;color:var(--muted)}.bar-value{text-align:right}.bar-track{height:9px;background:var(--surface-3);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px}
.overlap-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.overlap-grid{min-width:920px;padding:.7rem}.overlap-row{display:grid;grid-template-columns:110px repeat(24,1fr);gap:2px;align-items:center;margin-bottom:2px}.overlap-label{font-size:.75rem}.overlap-hour,.overlap-cell{display:grid;place-items:center;min-width:28px;height:28px;font-size:.68rem;border-radius:.25rem}.overlap-hour{color:var(--muted)}.overlap-cell{background:var(--surface-2);color:var(--muted)}.overlap-cell[data-working="true"]{background:var(--accent-soft);color:var(--accent-ink)}.overlap-cell[data-overlap="true"]{outline:2px solid var(--success);outline-offset:-2px}
.search-box{max-width:720px;margin-bottom:1rem}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.search-result{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface)}.search-result span{color:var(--muted);font-size:.8rem}
.history-list{display:grid;gap:.55rem}.history-item{display:flex;justify-content:space-between;gap:.8rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem}.history-item__body{display:grid}.history-item__meta{font-size:.75rem;color:var(--muted)}.empty-state{color:var(--muted);padding:.5rem 0}
dialog{width:min(680px,calc(100% - 2rem));max-height:80vh;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);padding:0;box-shadow:var(--shadow-md)}dialog::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.dialog-body{padding:1rem;overflow:auto;max-height:65vh}
.site-footer{border-top:1px solid var(--border);padding:2.8rem 0;margin-top:3rem;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:1.5rem}.footer-brand p{color:var(--muted);max-width:360px}.footer-col h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.footer-col{display:grid;align-content:start;gap:.4rem}.footer-col a{color:var(--muted)}.footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem}
kbd{font:inherit;font-size:.75rem;border:1px solid var(--border);border-bottom-width:2px;background:var(--surface-2);border-radius:.32rem;padding:.08rem .3rem}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:980px){
  .primary-nav{display:none}.mobile-toggle{display:inline-flex}.mobile-nav[data-open]{display:grid;position:absolute;top:var(--header);left:1rem;right:1rem;background:var(--surface);border:1px solid var(--border);padding:.6rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.mobile-nav a{padding:.65rem;border-radius:.5rem;color:var(--muted)}.mobile-nav a:hover{background:var(--surface-2)}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.tool-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 1rem),var(--content))}.header-inner{gap:.5rem}.brand-slash,.brand-product,[data-theme-label]{display:none}.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(2.5rem,13vw,4.2rem)}.command-shell{padding:.6rem;border-radius:1rem}.command-form{gap:.35rem}.command-icon{display:none}.command-input{font-size:1rem;padding:.7rem .25rem}.command-submit{padding:.65rem}.command-hint{display:none}.card-grid,.popular-grid,.search-results,.form-grid,.form-grid--3,.footer-grid{grid-template-columns:1fr}.converter-row{grid-template-columns:1fr}.swap-button{justify-self:center;transform:rotate(90deg)}.value-wrap{grid-template-columns:minmax(0,1fr) 145px}.section{padding:2.2rem 0}.section-head{align-items:start;flex-direction:column}.result-actions .button{flex:1}.footer-bottom{flex-direction:column}.bar-row{grid-template-columns:58px 1fr 88px}.header-actions .button-label{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
  .site-header,.site-footer,.command-shell,.result-actions,.preset-row,.button,.icon-button,dialog{display:none!important}
  body{background:white;color:black}.section{padding:1rem 0}.converter-card,.details-card,.metric-card{box-shadow:none;border-color:#bbb;background:white}.workspace,.tool-layout{display:block}.details-card{break-inside:avoid}
}
/* CSP-safe utility classes */
.mt-xs{margin-top:.6rem}.mt-sm{margin-top:.8rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:2rem}.scroll-x{overflow:auto}.metric-value--compact{font-size:1.1rem}.clipboard-fallback{position:fixed;inset:auto auto 0 0;width:1px;height:1px;opacity:0;pointer-events:none}.bar-progress{display:block;width:100%;height:.58rem;border:0;border-radius:999px;overflow:hidden;accent-color:var(--accent)}
/* v1.1.0 production UX refinement */
:root{--content:1240px;--header:72px}
body{line-height:1.58;font-size:16px}
.header-inner{gap:1.1rem}
.brand{gap:.72rem;font-weight:780;letter-spacing:-.025em}.brand-mark{width:32px;height:32px;border-radius:.65rem;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 24%,transparent)}.brand-product{font-weight:670}
.primary-nav{gap:.18rem}.nav-link,.nav-details>summary{padding:.62rem .76rem;border-radius:.58rem;font-size:.98rem;font-weight:560}
.header-actions{gap:.5rem}.icon-button,.button{border-radius:.68rem;padding:.62rem .88rem;min-height:44px;gap:.42rem;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.hero{padding:4.8rem 0 3.1rem}.hero-grid{gap:1.6rem}.eyebrow{font-size:.82rem;letter-spacing:.125em;font-weight:820}.hero h1,.page-hero h1{font-size:clamp(2.7rem,7vw,5.65rem);line-height:.94;letter-spacing:-.058em;margin:.4rem 0 1.05rem;max-width:880px}.page-hero h1{font-size:clamp(2.3rem,5vw,4.35rem)}.lede{max-width:790px;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.58}
.trust-row{gap:.58rem;margin-top:1.35rem}.trust-pill{padding:.42rem .7rem;font-size:.86rem}
.command-shell{margin-top:2.25rem;border-color:color-mix(in srgb,var(--accent) 14%,var(--border));padding:1rem;box-shadow:0 22px 56px rgba(24,20,16,.11),0 2px 6px rgba(24,20,16,.05)}.command-form{gap:.8rem;min-height:58px}.command-icon{width:48px;height:48px;border-radius:.78rem}.command-input{font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:560;letter-spacing:-.012em;padding:.82rem .2rem}.command-input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.command-submit{min-height:48px;padding-inline:1.15rem}.command-hint{padding:.72rem .25rem 0;margin-top:.72rem;font-size:.82rem}.example-chips{gap:.5rem;margin-top:1rem}.query-chip,.favorite-chip{padding:.48rem .76rem;font-size:.88rem;transition:border-color .15s,background .15s,color .15s,transform .15s}.query-chip:hover,.favorite-chip:hover{background:var(--accent-soft);color:var(--accent-ink);transform:translateY(-1px)}
.section{padding:3.7rem 0}.section--tight{padding:2.25rem 0}.section-head{margin-bottom:1.45rem}.section-head h2{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.035em}.section-head p{margin:.3rem 0 0;font-size:1rem}
.card-grid{gap:1.1rem}.category-card,.tool-card,.info-card{padding:1.3rem}.category-card,.tool-card{display:flex;flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.category-card{min-height:205px}.tool-card{min-height:175px}.category-card:hover,.tool-card:hover,.category-card:focus-visible,.tool-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 14px 34px rgba(24,20,16,.09);color:var(--text)}.category-icon{width:40px;height:40px;border-radius:.78rem}.category-card h3,.tool-card h3{margin:.95rem 0 .3rem;font-size:1.14rem;letter-spacing:-.018em}.category-card p,.tool-card p,.info-card p{font-size:.96rem}.category-links{gap:.38rem;padding-top:1rem}.category-links a,.category-links span{font-size:.82rem;padding:.28rem .44rem;background:var(--surface-2);border-radius:.38rem;color:var(--muted)}
.popular-grid{gap:.75rem}.popular-link{display:grid;grid-template-columns:minmax(82px,.45fr) minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:58px;padding:.9rem 1rem;border-radius:.75rem;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.popular-link::after{content:"→";color:var(--border-strong);font-weight:800;transition:transform .15s,color .15s}.popular-link strong{font-size:.95rem;letter-spacing:-.012em}.popular-link span{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-link:hover,.popular-link:focus-visible{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent-soft) 48%,var(--surface));transform:translateY(-1px);box-shadow:var(--shadow-sm);color:var(--text)}.popular-link:hover::after,.popular-link:focus-visible::after{color:var(--accent);transform:translateX(2px)}
.page-hero{padding:3.2rem 0 1.6rem}.converter-card{padding:1.3rem}.value-wrap input,.value-wrap select,.input,.select{padding:1rem}.value-wrap input{font-size:1.32rem;font-weight:720}.details-card{padding:1.15rem}
@media(max-width:680px){.hero{padding:2.7rem 0 1.7rem}.hero h1{font-size:clamp(2.7rem,13vw,4.35rem)}.lede{font-size:1.04rem}.trust-row{margin-top:1.1rem}.trust-pill{font-size:.79rem}.command-shell{padding:.7rem;border-radius:1.05rem;margin-top:1.55rem}.command-form{gap:.42rem;min-height:52px}.command-input{font-size:1.05rem;padding:.76rem .25rem}.command-submit{padding:.68rem .78rem;min-height:44px}.example-chips{gap:.4rem}.query-chip,.favorite-chip{font-size:.82rem;padding:.42rem .62rem}.section{padding:2.5rem 0}.category-card,.tool-card{min-height:auto}.popular-link{grid-template-columns:minmax(74px,.42fr) minmax(0,1fr) auto;padding:.82rem .9rem}.popular-link span{font-size:.86rem}}
/* v1.3.3 accessibility contrast refinement */
:root{--on-accent:#171717}
.brand-mark,.button--primary,.button--primary:hover{color:var(--on-accent)}
.eyebrow,.text-link,.command-icon,.category-icon,.breadcrumbs a:hover,.swap-button:hover,.popular-link:hover::after,.popular-link:focus-visible::after{color:var(--accent-ink)}
/* v1.3.4 text-only BQ Convert wordmark */
:root{--brand-bq:#0b7f67;--brand-convert:#9a6500}
:root[data-theme="dark"]{--brand-bq:#59cbb0;--brand-convert:#e5b75a}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--brand-bq:#59cbb0;--brand-convert:#e5b75a}}
.brand-wordmark{gap:.38rem;font-size:1.08rem;font-weight:820;letter-spacing:-.035em;line-height:1;align-items:center}.brand-wordmark .brand-bq{color:var(--brand-bq)}.brand-wordmark .brand-convert{color:var(--brand-convert)}

/* v1.13.0 converter-search keyboard state */
.search-result[aria-selected="true"],.search-result.is-active{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}
.search-box kbd{font-family:var(--mono);font-size:.78em;border:1px solid var(--border);background:var(--surface-2);border-radius:.35rem;padding:.08rem .32rem;box-shadow:0 1px 0 var(--border-strong)}
#converter-search-status{min-height:1.35em;margin-top:.4rem}