@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172033;--muted:#7d879b;--panel:#fff;--bg:#f4f6fa;--line:#e6e9f0;--blue:#316cff;--nav:#10182a;--success:#20aa82;background:#f4f6fa;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #316cff38}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#9aa5b9;background:var(--nav);flex-direction:column;width:252px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:4px 7px;display:flex}.brand__mark{color:#82a8ff;background:linear-gradient(145deg,#263454,#17213a);border:1px solid #586b9a;border-radius:11px;place-items:center;width:42px;height:42px;font-family:DM Mono;font-size:20px;font-weight:600;display:grid;position:relative;box-shadow:0 10px 24px #070b14}.brand__mark span{color:#42d8b2;font-size:11px;position:absolute;bottom:2px;right:4px}.brand>span:last-child{gap:2px;display:grid}.brand strong{letter-spacing:.12em;font-size:13px}.brand small{color:#67738b;font-size:9px}.sidebar nav{margin-top:36px;overflow-y:auto}.sidebar nav p{color:#526078;letter-spacing:.18em;margin:24px 12px 8px;font-size:9px;font-weight:800}.sidebar nav button{color:#99a5ba;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;width:100%;margin:2px 0;padding:10px 12px;font-size:12px;display:grid}.sidebar nav button>span{color:#7f8ba3;place-items:center;font:14px DM Mono;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1c2841}.sidebar nav button.active{box-shadow:inset 2px 0 #5f8cff}.sidebar nav button b{color:#606e87;font-size:9px}.sidebar nav button i{color:#ffc34e;font-size:9px;font-style:normal}.sidebar__bottom{border-top:1px solid #28334a;gap:12px;margin-top:auto;padding:16px 6px 0;display:grid}.sidebar__bottom span{color:#526078;font:9px DM Mono}.sidebar__bottom select{color:#b9c2d1;background:#172138;border:1px solid #303c55;border-radius:8px;width:100%;padding:9px;font-size:10px}main{min-height:100vh;margin-left:252px}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:64px;padding:0 clamp(24px,4vw,56px);display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumb span,.breadcrumb b{color:#9aa2b1;font-weight:500}.breadcrumb strong{color:var(--ink)}.topbar__status{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.pulse{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #20aa821c}.mobile-menu{color:var(--ink);background:0 0;border:0;font-size:19px;display:none}.page{width:min(1180px,100% - 72px);margin:auto;padding:38px 0 60px}.hero{color:#fff;background:radial-gradient(circle at 87% 34%,#314a77 0,#1a2847 20%,#0000 42%),linear-gradient(128deg,#121b31,#202f50);border-radius:24px;align-items:center;min-height:292px;padding:50px 54px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px -38px #10182a}.overline{color:#7085aa;letter-spacing:.2em;font:500 9px DM Mono}.hero h1{letter-spacing:-.045em;margin:18px 0 16px;font-size:clamp(32px,4vw,48px);line-height:1.18}.hero h1 em{color:#87aaff;font-style:normal}.hero p{color:#9caac1;max-width:610px;margin:0;font-size:13px;line-height:1.8}.circuit-art{opacity:.36;align-items:center;width:270px;display:flex;position:absolute;right:55px}.circuit-art span{color:#b9cced;border:1px solid #99b6e8;border-radius:10px;place-items:center;width:48px;height:48px;font:16px DM Mono;display:grid;transform:rotate(8deg)}.circuit-art i{background:#8298bd;flex:1;height:1px}.circuit-art b{color:#7698d8;font:26px DM Mono;position:absolute;bottom:-44px;right:36px}.search{z-index:2;border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:14px;height:62px;margin:-31px 42px 42px;padding:0 18px;display:flex;position:relative;box-shadow:0 18px 45px -22px #34405a}.search span{color:#7d879b;font-size:22px}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search kbd{border:1px solid var(--line);color:#9ba3b1;background:var(--bg);border-radius:6px;padding:5px 8px;font:9px DM Mono}.tool-section{margin-top:39px}.section-title{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-title>div span{color:#8c96a8;letter-spacing:.2em;font:500 8px DM Mono}.section-title h2{color:var(--ink);margin:5px 0 0;font-size:17px}.section-title>small{color:#99a1af;font-size:10px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.tool-card{border:1px solid var(--line);min-height:142px;color:inherit;background:var(--panel);text-align:left;border-radius:15px;align-items:flex-start;gap:14px;padding:20px;transition:all .2s;display:flex;position:relative;box-shadow:0 7px 22px #23304c09}.tool-card:hover{border-color:#bdc9df;transform:translateY(-3px);box-shadow:0 17px 36px #233e6c1a}.tool-icon{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));width:44px;height:44px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-radius:12px;flex:none;place-items:center;font:600 15px DM Mono;display:grid}.tool-icon.large{border-radius:15px;width:58px;height:58px;font-size:20px}.tool-card>span{gap:5px;min-width:0;display:grid}.tool-card b{color:var(--ink);font-size:12px}.tool-card small{color:#8b94a5;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-card em{color:#a2a9b6;margin-top:5px;font:8px DM Mono}.tool-card>i{color:#a1a9b7;font-style:normal;position:absolute;bottom:14px;right:14px}.compact-grid .tool-card{align-items:center;min-height:90px}.compact-grid .tool-card em{display:none}.history-panel{margin-top:38px}.history-list{gap:9px;display:grid}.history-list button{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--panel);text-align:left;border-radius:12px;grid-template-columns:180px 1fr auto;align-items:center;gap:20px;padding:17px 20px;display:grid}.history-list button:hover{border-color:#b7c6e2}.history-list span{gap:4px;display:grid}.history-list b{font-size:12px}.history-list small{color:#9ba3b1;font-size:9px}.history-list strong{color:#6e788b;font:400 10px DM Mono}.history-list i{color:var(--blue);font-size:10px;font-style:normal}.ghost{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:8px;padding:8px 12px;font-size:10px}.empty{color:var(--muted);text-align:center;border:1px dashed #ccd2de;border-radius:14px;padding:50px;font-size:12px}.calc-heading{margin-bottom:28px}.back{color:#7e8899;background:0 0;border:0;margin-bottom:24px;padding:0;font-size:10px}.calc-heading>div{align-items:center;gap:18px;display:flex}.calc-heading>div>span{min-width:0}.calc-heading small{color:#8791a4;letter-spacing:.12em;font:8px DM Mono}.calc-heading h1{color:var(--ink);letter-spacing:-.03em;margin:5px 0 6px;font-size:26px}.calc-heading p{color:var(--muted);margin:0;font-size:11px}.favorite{border:1px solid var(--line);color:#818b9d;background:var(--panel);border-radius:9px;margin-left:auto;padding:9px 13px;font-size:10px}.favorite.on{color:#c18616;background:#fff9ea;border-color:#f0d18f}.calc-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:0 12px 35px #1b2a480a}.panel>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 22px;display:flex}.panel>header>span{color:#587dc9;background:#edf3ff;border-radius:8px;place-items:center;width:29px;height:29px;font:10px DM Mono;display:grid}.panel h2{color:var(--ink);margin:0;font-size:13px}.panel header p{color:#9ba3b1;margin:3px 0 0;font-size:9px}.input-panel>div:not(.segmented){padding:22px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:7px;min-width:0;display:grid}.field__label{color:#596478;font-size:10px;font-weight:700}.field__label small{color:#9aa3b2;font-weight:400}.field__control{border:1px solid var(--line);background:var(--bg);border-radius:9px;height:44px;display:flex;overflow:hidden}.field__control:focus-within{border-color:#779cf4;box-shadow:0 0 0 3px #316cff1a}.field__control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0 12px;font:13px DM Mono}.field__control select,.field__control b{border:0;border-left:1px solid var(--line);color:#5f6a7e;background:var(--panel);outline:0;width:auto;min-width:68px;padding:0 10px;font:10px DM Mono}.field__control b{place-items:center;font-weight:500;display:grid}.standalone-select{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:var(--bg);border-radius:9px;padding:0 12px;font-size:11px}.field-note{color:#939cac;grid-column:1/-1;margin:0;font-size:9px;line-height:1.6}.segmented{background:var(--bg);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:4px;margin:22px 22px 0;padding:4px;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{color:#7c8798;background:0 0;border:0;border-radius:7px;padding:9px 5px;font-size:9px}.segmented button.active{color:var(--blue);background:var(--panel);font-weight:700;box-shadow:0 3px 10px #29375417}.resistor-list{gap:12px;display:grid}.resistor-list>div{grid-template-columns:1fr 34px;align-items:end;gap:8px;display:grid}.resistor-list button{border:1px solid var(--line);color:#a1777a;background:var(--bg);border-radius:8px;height:44px}.resistor-list button:disabled{opacity:.35}.add-button{color:#5277c8;background:#f8faff;border:1px dashed #b9c5d9;border-radius:9px;width:100%;margin-top:14px;padding:10px;font-size:10px}.divider-diagram{background:var(--bg);border-radius:10px;justify-content:center;align-items:center;gap:0;font:9px DM Mono;display:flex;margin-top:22px!important;padding:15px!important}.divider-diagram i{color:#718099;border:1px solid #9ca8ba;padding:8px 10px;font-style:normal}.divider-diagram b{color:var(--blue);padding:0 8px;font-weight:500}.save-button{color:#3569d2;background:#f3f7ff;border:1px solid #ccdaf5;border-radius:8px;margin-left:auto;padding:8px 11px;font-size:9px}.save-button:disabled{opacity:.4}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:22px;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--bg);border-radius:11px;align-content:center;gap:7px;min-height:86px;padding:15px;display:grid}.metric-grid span{color:#8791a3;font-size:9px}.metric-grid strong{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.04em;font:500 17px DM Mono}.metric-grid small{color:#9ba3b1;font-size:8px}.formula,.advice,.warning,.response-row{margin:0 22px 22px}.formula{background:#f3f6fc;border-left:3px solid #6b91ec;border-radius:4px 10px 10px 4px;padding:17px}.formula span{color:#7991c2;letter-spacing:.15em;margin-bottom:8px;font:8px DM Mono;display:block}.formula strong{color:#304b7a;font:500 12px/1.7 DM Mono}.formula p{color:#8b96a9;margin:8px 0 0;font-size:8px}.advice{background:#f1fbf8;border:1px solid #cbe9df;border-radius:10px;padding:15px}.advice b{color:#257e66;font-size:10px}.advice p{color:#5b8076;margin:6px 0 0;font-size:9px}.warning{color:#976c22;background:#fff9ec;border:1px solid #f0d9af;border-radius:9px;padding:14px;font-size:9px;line-height:1.6}.response-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.response-row article{background:var(--bg);text-align:center;border-radius:9px;gap:4px;padding:13px;display:grid}.response-row span{color:#8b95a6;font:9px DM Mono}.response-row b{color:var(--ink);font:14px DM Mono}.response-row small{color:#9ca4b2;font-size:8px}.scrim{display:none}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e5eaf3;--muted:#8c97aa;--panel:#171e2b;--bg:#101620;--line:#293242;--nav:#090e17;--blue:#6f99ff;--success:#35c99d}html[data-theme=dark] .hero{background:radial-gradient(circle at 87% 34%,#263f6c 0,#17233e 20%,#0000 42%),linear-gradient(128deg,#0b1120,#172541)}html[data-theme=dark] .tool-card,html[data-theme=dark] .panel{box-shadow:0 12px 30px #0000002e}html[data-theme=dark] .formula{background:#1b263a}html[data-theme=dark] .formula strong{color:#9db9ef}html[data-theme=dark] .advice{background:#172c28;border-color:#285245}html[data-theme=dark] .advice b{color:#6bd0b2}html[data-theme=dark] .advice p{color:#83ac9e}html[data-theme=dark] .warning{color:#d9ae64;background:#292315;border-color:#5d4a28}html[data-theme=dark] .favorite.on{color:#e9bb5d;background:#282315;border-color:#68562d}html[data-theme=dark] .panel>header>span{background:#202d46}.home,.calculator-page{animation:.22s fade}@keyframes fade{0%{opacity:0;transform:translateY(5px)}}@media (width<=1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.circuit-art{right:-65px}.calc-layout{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:left .22s;left:-270px}.sidebar.open{left:0}.scrim{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0408108c;border:0;display:block;position:fixed;inset:0}main{margin-left:0}.topbar{height:58px;padding:0 16px}.mobile-menu{display:block}.breadcrumb{margin-right:auto}.breadcrumb span,.breadcrumb b,.topbar__status{display:none}.page{width:calc(100% - 28px);padding:20px 0 42px}.hero{min-height:285px;padding:35px 25px}.hero h1{font-size:32px}.hero p{font-size:11px}.circuit-art{opacity:.18;right:-155px}.search{height:56px;margin:-28px 16px 32px}.search kbd{display:none}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:108px}.tool-card em{display:none}.calc-heading>div{flex-wrap:wrap;align-items:flex-start}.calc-heading>div>span{width:calc(100% - 80px)}.calc-heading p{line-height:1.6}.favorite{width:100%;margin:0}.panel>header,.input-panel>div:not(.segmented){padding:17px}.segmented{margin:17px 17px 0}.field-grid{grid-template-columns:1fr}.metric-grid{padding:17px}.formula,.advice,.warning,.response-row{margin:0 17px 17px}.history-list button{grid-template-columns:1fr;gap:8px}.history-list i{display:none}}@media (width<=420px){.hero h1{font-size:27px}.hero{min-height:270px}.field__control{height:48px}.segmented.three,.metric-grid,.response-row{grid-template-columns:1fr}.section-title>small{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}