:root{--ink:#202039;--muted:#686981;--paper:#f8f8ff;--surface:#fff;--line:#e9e7f5;--purple:#6545f5;--pink:#f04f9a;--cyan:#35c8d0;--orange:#ffb343;--green:#1db98b;--shadow:0 20px 50px #4935a312;--radius:23px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h1,h2,h3,strong,.brand{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #39bfd2;outline-offset:3px}.skip-link{position:absolute;left:-999px;top:8px;padding:10px;background:#fff;z-index:30}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(5vw,20px);background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e9e7f580}.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;color:#fff;border-radius:13px;font-size:25px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 8px 18px #6545f533}.brand-accent{color:var(--purple)}nav{display:flex;gap:28px;color:#555570;font-size:.94rem}nav a:hover,.text-link:hover{color:var(--purple)}.header-actions{display:flex;gap:9px;align-items:center}select,.icon-button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;color:var(--ink)}.icon-button{width:42px;height:42px;font-size:20px}.hero{max-width:1240px;margin:0 auto;padding:72px 24px 65px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;min-height:510px}.eyebrow{color:var(--purple);font-weight:800;font-size:.76rem;letter-spacing:.16em;display:flex;gap:10px;align-items:center}.pulse,.live-dot{width:8px;height:8px;background:var(--green);border-radius:100%;display:inline-block;box-shadow:0 0 0 5px #1db98b1b}.hero h1{font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.1;margin:18px 0;letter-spacing:-.065em}.gradient-text{background:linear-gradient(100deg,#6545f5 5%,#db43b3 55%,#ef8943);background-clip:text;color:transparent}.hero-subtitle{font-size:1.13rem;color:var(--muted);max-width:580px;margin-bottom:24px}.hero-search{display:flex;align-items:center;gap:13px;background:#fff;padding:8px 12px 8px 17px;border:1px solid #e4e0fa;border-radius:17px;box-shadow:0 12px 30px #5037c10e;max-width:600px}.hero-search>span{font-size:25px;color:var(--purple)}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:9px 0;background:transparent;color:var(--ink)}.hero-search kbd{background:#f5f3ff;border:1px solid #e2ddfa;padding:2px 7px;border-radius:6px;color:#7972a3;font-size:.8rem}.hero-pills{display:flex;flex-wrap:wrap;gap:16px;margin-top:17px;color:#696981;font-size:.82rem}.hero-pills span:first-child{color:#18956f}.hero-art{position:relative;min-height:390px;border-radius:34px;background:radial-gradient(circle at 30% 20%,#f8c5f2,transparent 36%),radial-gradient(circle at 80% 80%,#b4f1ee,transparent 35%),linear-gradient(140deg,#ece9ff,#fff0f7 50%,#ecfbff);display:grid;place-items:center;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:155px;height:155px;background:linear-gradient(135deg,#ffbb77aa,#f44ea566);left:-24px;bottom:30px}.orb-two{width:125px;height:125px;background:linear-gradient(135deg,#42d9d0aa,#7a62f588);right:-18px;top:25px}.conversion-card{z-index:1;width:min(345px,82%);background:#ffffffed;padding:25px;border:1px solid #fff;border-radius:24px;box-shadow:0 30px 80px #3e26761e;transform:rotate(-1deg)}.conversion-card-head{display:flex;align-items:center;gap:9px;font-size:.7rem;letter-spacing:.12em;font-weight:800;color:#77738f;margin-bottom:18px}.sparkle{margin-left:auto;color:#f2a938;font-size:19px}.conversion-card label{display:block;color:#77758e;font-size:.78rem}.conversion-card>input{width:100%;font-size:2rem;font-weight:800;border:0;border-bottom:1px solid var(--line);padding:5px 0 12px;color:var(--ink);outline:0;background:transparent}.unit-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:end;margin-top:15px}.unit-pair label span{display:block;color:#9996b1;font-size:.67rem;letter-spacing:.1em}.unit-pair select{width:100%;margin-top:4px;font-size:.85rem}.swap-small{border:0;background:#f0edff;color:var(--purple);border-radius:11px;width:36px;height:37px;font-size:19px}.quick-result{background:linear-gradient(110deg,#f0edff,#fff0f8);padding:14px;border-radius:14px;margin-top:15px}.quick-result small{display:block;color:#716d8c}.quick-result output{font:800 1.7rem Manrope;color:#4933d6;overflow-wrap:anywhere}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#ffffffed;box-shadow:0 15px 36px #4935a313;border:1px solid #fff;padding:12px 16px;border-radius:16px}.card-top{top:29px;left:3%}.float-card small{display:block;color:#8b87a4;font-size:.7rem}.float-card strong{font-size:.88rem}.float-card strong span{color:var(--pink);padding:0 5px}.mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:20px}.purple{background:#eeebff;color:#6545f5}.section{max-width:1240px;margin:0 auto;padding:34px 24px 68px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--pink);font-weight:800}.section h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;margin:6px 0}.section-head p{color:var(--muted);max-width:640px;margin:6px 0 0}.tool-count{font-size:.84rem;color:#78748f;background:#fff;padding:8px 12px;border-radius:12px;border:1px solid var(--line);white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{--card:#f0edff;display:block;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;min-height:178px;transition:transform .2s,border .2s,box-shadow .2s}.category-card:hover,.category-card:focus-visible{transform:translateY(-4px);border-color:#c7bdfc;box-shadow:var(--shadow)}.category-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--card);border-radius:15px;font-size:25px;margin-bottom:14px}.category-card h3{font-size:1.05rem;margin:0 0 5px}.category-card p{font-size:.86rem;color:var(--muted);line-height:1.5;margin:0}.category-card .arrow{float:right;color:var(--purple);font-size:18px}.tool-area{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 8px 28px #4431a208}.panel h3{font-size:1.2rem;margin:0 0 6px}.panel-intro{color:var(--muted);font-size:.91rem;margin:0 0 20px}.converter-fields{display:grid;grid-template-columns:1fr 48px 1fr;align-items:end;gap:12px}.field label{display:block;font-size:.83rem;font-weight:700;margin-bottom:7px}.field input,.field select,.calc-field input,.calc-field select{width:100%;padding:13px 12px;border:1px solid #dfdced;border-radius:12px;background:#fff;color:var(--ink);min-width:0}.field input{font-size:1.15rem;font-weight:700}.swap-button{height:47px;border:1px solid #dcd5ff;background:#f1eeff;color:var(--purple);font-size:21px;border-radius:13px}.result-box{margin-top:18px;padding:17px 19px;border-radius:16px;background:linear-gradient(110deg,#f0edff,#fff2f8 68%,#ebfbff)}.result-label{color:#77718e;font-size:.82rem}.result-value{font:800 clamp(1.65rem,3.3vw,2.35rem) Manrope;line-height:1.35;color:#3f2bc4;overflow-wrap:anywhere}.result-symbol{font-size:.95rem;font-weight:600;color:#716d8a}.control-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.small-button,.primary-button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 13px;font-weight:700;font-size:.85rem;color:var(--ink)}.primary-button{background:var(--purple);border-color:var(--purple);color:#fff}.small-button:hover{background:#f7f5ff}.formula{background:#fbfaff;border:1px solid #e9e3ff;border-radius:14px;padding:16px;margin:15px 0;color:#4a466b}.formula code{font-size:.95rem;color:#4e36c9;white-space:normal}.formula p{margin:7px 0 0;font-size:.9rem;color:var(--muted)}.chart-bars{margin-top:14px;display:grid;gap:12px}.chart-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px;font-size:.82rem}.bar-track{height:12px;border-radius:99px;background:#f0eef9;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--pink));min-width:2px}.search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.search-result{border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;text-align:left;min-height:105px}.search-result:hover{border-color:#beb1ff;box-shadow:0 8px 20px #5d43d20c}.search-result .result-type{font-size:.72rem;color:var(--purple);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.search-result strong{display:block;margin:4px 0;font-size:.94rem}.search-result small{color:var(--muted);font-size:.79rem}.empty-state{padding:20px;border-radius:14px;background:#fff;border:1px dashed #d8d2ef;color:var(--muted);grid-column:1/-1}.calc-list{display:grid;gap:10px}.calc-link{display:flex;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#fbfaff;border:1px solid #eeebf9}.calc-link .calc-glyph{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:#eae6ff;color:#5d44ea;font-size:20px}.calc-link strong{font-size:.89rem;display:block}.calc-link small{color:var(--muted);font-size:.78rem}.calc-panel{margin-top:20px}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calc-field label{font-size:.83rem;font-weight:700;display:block;margin-bottom:6px}.calc-output{margin-top:15px;border-radius:13px;padding:14px;background:#e8fbf3;color:#0c7051;font-weight:800;font-size:1.2rem;overflow-wrap:anywhere}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:19px}.info-card .info-icon{font-size:25px}.info-card h3{font-size:1.08rem;margin:9px 0 5px}.info-card p{color:var(--muted);font-size:.91rem;margin:0}.content-copy{max-width:850px;color:#555570}.content-copy h3{margin-top:25px;color:var(--ink)}.notice{background:#fff7e8;border:1px solid #ffe0a8;border-radius:14px;padding:15px 17px;color:#76501b;font-size:.89rem;margin-top:18px}.footer{border-top:1px solid var(--line);background:#fff;padding:34px max(5vw,20px) 20px}.footer-inner{max-width:1190px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p{max-width:470px;color:var(--muted);font-size:.9rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.87rem;color:#65627d}.footer-bottom{max-width:1190px;margin:25px auto 0;padding-top:16px;border-top:1px solid var(--line);font-size:.8rem;color:#85819b}.page-hero{max-width:1240px;margin:auto;padding:45px 24px 15px}.breadcrumbs{font-size:.83rem;color:var(--muted);margin-bottom:14px}.breadcrumbs a{color:var(--purple)}.page-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;margin:0 0 12px}.page-hero p{color:var(--muted);max-width:850px}.tool-page-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(275px,.8fr);gap:22px}.two-col-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-link{padding:11px 13px;border:1px solid var(--line);border-radius:11px;display:flex;justify-content:space-between;gap:10px;font-size:.9rem;background:#fff}.tool-link:hover{border-color:#bcb0ff;color:var(--purple)}.legal{max-width:850px;margin:auto;padding:45px 24px 75px}.legal h1{font-size:2.5rem}.legal p,.legal li{color:#595873}.tag{display:inline-flex;padding:4px 9px;background:#f0edff;color:#5b42e2;border-radius:8px;font-size:.77rem;font-weight:800}.status-line{margin-top:12px;color:var(--muted);font-size:.86rem;min-height:1.5em}.hidden{display:none!important}.dark{--ink:#f4f2ff;--muted:#b6b3cb;--paper:#141424;--surface:#202035;--line:#39364f;--shadow:0 20px 50px #0003;color-scheme:dark}.dark .site-header,.dark .footer,.dark .panel,.dark .category-card,.dark .search-result,.dark .hero-search,.dark .conversion-card,.dark .float-card,.dark .info-card,.dark .small-button,.dark select,.dark .field input,.dark .field select,.dark .calc-field input,.dark .calc-field select,.dark .tool-link{background:#202035;color:var(--ink);border-color:var(--line)}.dark .hero-art{background:radial-gradient(circle at 30% 20%,#6d3869,transparent 36%),radial-gradient(circle at 80% 80%,#245b5d,transparent 35%),linear-gradient(140deg,#292445,#332137 50%,#172e3c)}.dark .result-box,.dark .formula,.dark .calc-link,.dark .quick-result{background:#2a2644;border-color:#454066}.dark .result-value,.dark .quick-result output{color:#c9beff}.dark .formula code{color:#c9beff}.dark .hero-search input{color:var(--ink)}.dark .field input,.dark .calc-field input{color:var(--ink)}.dark .notice{background:#463823;border-color:#715a2b;color:#ffe0a0}.dark .skip-link{background:#202035;color:#fff}
@media(max-width:900px){nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:48px;gap:25px}.hero-art{max-width:600px;width:100%;margin:auto;min-height:370px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-area,.tool-page-grid{grid-template-columns:1fr}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}@media(max-width:600px){.site-header{padding:10px 15px;gap:8px;flex-wrap:wrap}.brand{font-size:1.08rem}.brand-mark{width:35px;height:35px}.site-header nav{order:3;overflow:auto;width:100%;justify-content:space-between;font-size:.83rem;padding:7px 0 2px}.header-actions{margin-left:auto}.header-actions select{max-width:112px;font-size:.82rem}.hero{padding:36px 17px 40px;min-height:auto}.hero h1{font-size:2.8rem}.hero-subtitle{font-size:1rem}.hero-art{min-height:340px}.conversion-card{padding:19px}.float-card{padding:9px 11px}.card-top{top:14px;left:2%}.section{padding:25px 17px 45px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{padding:15px;min-height:165px}.category-icon{width:40px;height:40px;font-size:22px}.category-card h3{font-size:.95rem}.category-card p{font-size:.79rem}.panel{padding:18px}.converter-fields{grid-template-columns:1fr 39px 1fr;gap:7px}.field input,.field select{padding:11px 8px;font-size:.9rem}.swap-button{height:43px}.search-results{grid-template-columns:1fr 1fr;gap:8px}.search-result{padding:10px}.search-result strong{font-size:.84rem}.calc-grid{grid-template-columns:1fr}.two-col-links{grid-template-columns:1fr}.page-hero{padding:32px 17px 5px}.legal{padding:30px 18px 50px}.footer{padding:27px 18px 17px}.footer-inner{display:block}.footer-links{margin-top:20px}.unit-pair{gap:5px}.unit-pair select{font-size:.78rem;padding:8px 5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}