/* Build-free interaction polish; every essential element is visible without JS. */
.hero{position:relative;padding-block:58px 36px}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 15%,var(--accent-soft),transparent 62%);pointer-events:none}
.hero h1{max-width:650px;font-size:clamp(34px,4vw,50px);letter-spacing:-.04em}
.hero .eyebrow{width:fit-content;padding:7px 12px;border:1px solid var(--border);border-radius:30px;background:var(--surface);font-size:10px}
.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-badges span{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.hero-badges span:before{content:"✓";color:var(--accent);font-weight:800}.hero-badges span+span{margin-inline-start:12px}
.hero-note{padding:25px;isolation:isolate;box-shadow:0 8px 22px -15px #102d3930}
.hero-note:after{content:"";position:absolute;inset:auto -30px -100px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ffffff0c,transparent 70%);z-index:-1}
.quick-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted-deep);margin-top:12px}.quick-label output{border:1px solid #ffffff30;padding:2px 9px;border-radius:7px;color:var(--accent-light);font-variant-numeric:tabular-nums}
.quick-range{width:100%;accent-color:var(--accent-light);min-height:30px;cursor:pointer;margin:8px 0 16px}.hero-note .equation{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:18px 0 8px!important;font-size:26px}.hero-note .equation strong{font-size:54px;font-variant-numeric:tabular-nums}.hero-note a{gap:12px}
.search-shell{max-width:none;min-height:68px;border-radius:18px;box-shadow:0 10px 35px #00000005}.search-key{color:var(--text-muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;font:12px ui-monospace,monospace;padding:2px 7px;margin-inline:10px}.search-shell:focus-within .search-key{display:none}
.tool-card,.popular-card,.button,.filter,.tool-icon,.brand-logo,.theme-picker summary,.utility-button{transition:transform .22s cubic-bezier(.2,.75,.3,1),box-shadow .22s,border-color .22s,background .22s}
.tool-card{border-radius:14px;padding:20px;background:var(--surface);min-height:0;gap:8px}.tool-card:before{height:2px;left:20px;right:20px;background:var(--accent);opacity:0}.tool-card .card-top{margin-bottom:1px}.tool-card .arrow{display:none}.tool-card .tool-icon{width:32px;height:32px;border-radius:8px;font-size:15px}.tool-card h4{font-size:18px;font-weight:600;margin:0;line-height:1.3}.tool-card p{font-size:13px;line-height:1.5;margin:0}.card-cta{font-size:13px;font-weight:650;color:var(--accent);margin-top:auto;padding-top:5px;display:flex;gap:7px;align-items:center}.card-cta span{transition:translate .2s}.category-title h3{font-size:25px;font-weight:650}
.popular-card{border-radius:12px}.category-title:after{background:var(--border)}
.section-head h2{letter-spacing:-.045em}.input-panel{border-radius:22px}.result-panel{border-radius:22px;overflow:hidden}.result-panel:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-light),transparent)}
.primary-result{animation:result-in .3s ease-out}.result-value{font-variant-numeric:tabular-nums}.utility-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}.utility-button{font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:9px 14px}.utility-button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.result-panel .utility-button{color:var(--on-deep);background:#ffffff0a;border-color:#ffffff35}.result-panel .utility-button:disabled{opacity:.5}
.utility-status{font-size:12px;min-height:20px;color:var(--text-muted);margin:8px 0 0}.result-panel .utility-status{color:var(--muted-deep)}
.personal-tools{padding:26px 0 4px}.personal-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;flex-wrap:wrap}.personal-head h2{font-size:22px;margin:0}.personal-tabs{display:flex;gap:4px;border:1px solid var(--border);padding:4px;border-radius:12px;background:var(--surface)}.personal-tabs button{border:0;border-radius:8px;background:transparent;color:var(--text-muted);padding:7px 13px;font-size:13px}.personal-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);font-weight:700}.personal-empty{display:flex;gap:14px;align-items:center;padding:19px 22px;background:var(--surface);border:1px dashed var(--border);border-radius:14px;color:var(--text-muted);font-size:14px}.personal-empty p{margin:0}.personal-empty>span{font-size:25px;color:var(--accent)}.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.personal-card{display:flex;align-items:center;gap:12px;padding:14px 17px;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:13px;font-size:14px;font-weight:650}.personal-card:hover{border-color:var(--accent);background:var(--accent-soft)}.personal-card .tool-icon{width:32px;height:32px;font-size:14px}.personal-clear{display:block;margin:10px 0 0 auto;background:none;border:0;color:var(--text-muted);font-size:12px;text-decoration:underline}
.footer-links a{transition:color .2s}.faq summary{transition:color .2s}.faq details[open] p{animation:result-in .2s ease-out}
@keyframes result-in{from{opacity:.5;translate:0 5px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 23px -16px #12363b40}.tool-card:hover .tool-icon{transform:scale(1.05)}.tool-card:hover .card-cta span{translate:3px 0}.popular-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px -14px #12363b35}.popular-card:hover .tool-icon{transform:scale(1.05)}.button:hover,.utility-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000008}.filter:hover{transform:translateY(-1px)}}
.button:active,.utility-button:active{transform:translateY(0) scale(.98)}
@media(max-width:760px){.hero{padding-top:32px}.hero-badges{margin-top:19px}.hero-note{padding:22px}.hero-note .equation{font-size:22px}.hero-note .equation strong{font-size:42px}.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hero{display:grid;grid-template-columns:1fr;gap:24px}.hero-note{display:block;margin:0}.hero h1{font-size:clamp(34px,8.5vw,48px)}.hero-badges{gap:8px}.hero-badges span+span{margin-inline-start:4px}.hero-badges span{font-size:11px}.hero-note .equation{margin-top:7px!important}.quick-label{margin-top:6px}.quick-range{margin-bottom:8px}.search-key{display:none}.search-shell{min-height:60px}.personal-head{align-items:flex-start}.personal-grid{grid-template-columns:1fr}.personal-empty{padding:16px}.tool-card{padding:23px}.utility-toolbar .utility-button{flex:1}.quick-range{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tool-card:hover,.popular-card:hover,.button:hover,.utility-button:hover,.filter:hover,.brand:hover .brand-logo,.tool-card:hover .tool-icon,.tool-card:hover .arrow{transform:none!important}}
@media print{.utility-toolbar,.utility-status,.personal-tools,.hero-badges,.search-key{display:none!important}}
.utility-button,.theme-picker summary,.personal-tabs button{min-height:44px}.button{min-height:48px}.category-section{padding-block:18px 24px}.tool-grid{gap:16px}
@media(min-width:1100px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:641px) and (max-width:1099px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hero h1{font-size:clamp(32px,8vw,42px)}.tool-card{padding:20px}.category-title h3{font-size:24px}.card-cta{padding-top:3px}}