:root{--bg:#0f1218;--bg-elevated:#171b24;--bg-input:#1e232e;--border:#2a2f3a;--text:#e6e9ef;--text-muted:#8a93a6;--accent:#4f8cff;--danger:#ff6b6b;--chart-highlight:#ff8c42;--resistor-r1:#ffb454;--resistor-r1-bg:#ffb4541f;--resistor-r1-border:#ffb45466;--resistor-r2:#159c8f;--resistor-r2-bg:#4fd1c524;--resistor-r2-border:#4fd1c573;--resistor-r3:#a78bfa;--resistor-r3-bg:#a78bfa24;--capacitor:#60a5fa;--inductor:#f472b6;--led:#f87171;--led-line:#fca5a5;--led-glow:#f871716b;--led-glow-edge:#f8717100;--glass-bg:#1e232eb8;--glass-border:#ffffff1a;--glass-active:#4f8cff29;--tabbar-height:64px;--tabbar-bottom:max(12px, calc(env(safe-area-inset-bottom) - 12px));--ad-banner-gap:8px;--ad-banner-height:90px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 Segoe UI,system-ui,Roboto,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f4f5f7;--bg-elevated:#fff;--bg-input:#eef0f4;--border:#dadde3;--text:#14171f;--text-muted:#656d7c;--accent:#2f6fe0;--danger:#d92d2d;--chart-highlight:#e07a1f;--resistor-r1:#b3690a;--resistor-r1-bg:#ffb4542e;--resistor-r1-border:#ffb45499;--resistor-r2:#0f766e;--resistor-r2-bg:#4fd1c533;--resistor-r2-border:#4fd1c599;--resistor-r3:#6d28d9;--resistor-r3-bg:#8b5cf629;--capacitor:#1d6fd6;--inductor:#c0267a;--led:#ef4444;--led-line:#b91c1c;--led-glow:#ef444461;--led-glow-edge:#ef444400;--glass-bg:#ffffffb8;--glass-border:#00000014;--glass-active:#2f6fe01a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app-shell{background:var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.app-header{padding:16px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header h1{margin:0;font-size:18px;font-weight:700}.privacy-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-size:13px;text-decoration:underline}.app-main{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:16px max(20px, env(safe-area-inset-right)) calc(var(--tabbar-bottom) + var(--tabbar-height) + var(--ad-banner-gap) + var(--ad-banner-height) + 20px) max(20px, env(safe-area-inset-left));flex:1;overflow-y:auto}html.web{--ad-banner-gap:0px;--ad-banner-height:0px}.seo-article{color:var(--text-muted);margin-top:28px;font-size:13px;line-height:1.7}#root>.seo-article{margin:0;padding:16px}.seo-article h2{color:var(--text);margin:0 0 4px;font-size:15px}.seo-article h3{color:var(--text);margin:14px 0 2px;font-size:13px}.seo-article p{margin:0 0 6px}.app-footer{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:28px;padding-top:16px;display:flex}.review-link{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:6px 12px;font-size:13px;text-decoration:none}.app-footer__note{color:var(--text-muted);opacity:.8;margin:4px 0 0;font-size:11px}.amazon-picks{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;margin-top:28px;padding:14px 16px}.divider-results .amazon-picks{margin-top:0}.amazon-picks__title{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.amazon-picks__badge{border:1px solid var(--text-muted);color:var(--text-muted);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.amazon-picks__list{margin:0;padding:0;list-style:none}.amazon-picks__list a{color:var(--accent);padding:8px 0;font-size:14px;text-decoration:none;display:block}.amazon-picks__list li+li{border-top:1px solid var(--border)}.tab-content h2{margin:0 0 6px;font-size:17px}.tab-desc{color:var(--text-muted);margin:0 0 16px;font-size:13px;line-height:1.5}.field-group{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field--row{flex-direction:row;gap:12px}.field--row .field{flex:1;min-width:0}.field input[type=number],.field input[type=text],.field select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:0;padding:10px 12px;font-size:15px}.field input[type=range]{width:100%;accent-color:var(--accent)}.radio-row{color:var(--text);gap:18px;font-size:14px;display:flex}.radio-row label{align-items:center;gap:6px;display:flex}.row-editor{flex-direction:column;gap:10px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.error-text{color:var(--danger);margin:8px 0;font-size:13px}.result-area{border-top:1px solid var(--border);padding-top:16px}.result-area h3{color:var(--text-muted);margin:0 0 10px;font-size:14px}.result-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.result-summary>div{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.result-summary .label{color:var(--text-muted);font-size:11px}.result-summary .value{font-size:16px;font-weight:700}.result-table{border-collapse:collapse;width:100%;font-size:13px}.result-table th,.result-table td{text-align:right;border-bottom:1px solid var(--border);padding:8px 6px}.result-table th:first-child,.result-table td:first-child{text-align:left}.divider-results{flex-direction:column;gap:10px;display:flex}.divider-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px}.divider-card__head{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;display:flex}.divider-card__rank{color:var(--text-muted);font-weight:600}.divider-card__error{color:var(--text-muted)}.divider-card__resistors{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.divider-card__resistor{border:1.5px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.divider-card__resistor--r1{background:var(--resistor-r1-bg);border-color:var(--resistor-r1-border)}.divider-card__resistor--r2{background:var(--resistor-r2-bg);border-color:var(--resistor-r2-border)}.divider-card__resistor-label{color:var(--text-muted);font-size:11px}.divider-card__resistor-value{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-size:22px;font-weight:800}.divider-card__resistor--r1 .divider-card__resistor-value{color:var(--resistor-r1)}.divider-card__resistor--r2 .divider-card__resistor-value{color:var(--resistor-r2)}.divider-card__values{text-align:center;background:var(--bg-input);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 4px;display:grid}.divider-card__values>div{flex-direction:column;gap:2px;display:flex}.divider-card__values .label{color:var(--text-muted);font-size:10px}.divider-card__values .value{font-size:14px;font-weight:600}.divider-card__values .value--accent{color:var(--accent);font-size:15px}.chart-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:8px 4px}.chart-caption{text-align:center;color:var(--text-muted);margin:2px 0 0;font-size:11px}.chart-wrap,.chart-wrap *{touch-action:pan-y}.result-note{color:var(--text-muted);margin:-4px 0 10px;font-size:12px}.circuit-diagram-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;display:flex}.circuit-diagram{width:100%;max-width:300px;height:auto}.circuit-diagram__wire{fill:none;stroke:var(--text-muted);stroke-width:1.6px;stroke-linejoin:round}.circuit-diagram__dot{fill:var(--text-muted)}.circuit-diagram__r--r1{fill:var(--resistor-r1-bg);stroke:var(--resistor-r1)}.circuit-diagram__r--r2{fill:var(--resistor-r2-bg);stroke:var(--resistor-r2)}.circuit-diagram__r--r3{fill:var(--resistor-r3-bg);stroke:var(--resistor-r3)}.circuit-diagram__plate--r1{stroke:var(--resistor-r1)}.circuit-diagram__plate--r2{stroke:var(--resistor-r2)}.circuit-diagram__plate--r3{stroke:var(--resistor-r3)}.circuit-diagram__c{stroke:var(--capacitor)}.circuit-diagram__l{stroke:var(--inductor)}.circuit-diagram__led-glow-center{stop-color:var(--led-glow)}.circuit-diagram__led-glow-edge{stop-color:var(--led-glow-edge)}.circuit-diagram__led{fill:var(--led);stroke:var(--led-line);stroke-width:1.6px;stroke-linejoin:round}.circuit-diagram__led-line{fill:none;stroke:var(--led-line);stroke-width:1.6px;stroke-linecap:round}.circuit-diagram__led--off .circuit-diagram__led{fill:var(--bg-input);stroke:var(--text-muted)}.circuit-diagram__led--off .circuit-diagram__led-line{stroke:var(--text-muted)}.circuit-diagram__text{fill:var(--text);font-size:11px}.circuit-diagram__text .circuit-diagram__label--r1{fill:var(--resistor-r1);font-weight:700}.circuit-diagram__text .circuit-diagram__label--r2{fill:var(--resistor-r2);font-weight:700}.circuit-diagram__text .circuit-diagram__label--r3{fill:var(--resistor-r3);font-weight:700}.circuit-diagram__text .circuit-diagram__label--c{fill:var(--capacitor);font-weight:700}.circuit-diagram__text .circuit-diagram__label--l{fill:var(--inductor);font-weight:700}.circuit-diagram__text .circuit-diagram__label--led{fill:var(--led-line);font-weight:700}.circuit-diagram-formula{color:var(--text-muted);font-size:13px}.mono-input,.radix-list dd,.bit-grid{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.field input.mono-input{font-size:16px}.value-box{border:1px solid var(--border);background:var(--bg-input);width:100%;min-height:44px;color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;padding:10px 12px;font-size:16px;display:block}.value-box.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--glass-active)}.value-box__placeholder{color:var(--text-muted)}.keypad{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.keypad__key{border:1px solid var(--border);background:var(--bg-elevated);height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:600}.keypad__key:active:not(:disabled){background:var(--glass-active)}.keypad__key--fn{background:var(--bg-input);color:var(--accent);font-family:inherit;font-size:15px}.keypad__key:disabled{opacity:.3;cursor:default}.segmented{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 0;font-size:14px;font-weight:600}.segmented button.is-active{background:var(--accent);color:#fff}.radix-list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;margin:0;padding:4px 12px}.radix-list>div{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;align-items:baseline;gap:8px;padding:7px 0;display:grid}.radix-list>div:last-child{border-bottom:none}.radix-list dt{color:var(--text-muted);font-size:12px;font-weight:600}.radix-list dd{color:var(--text);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;font-size:15px}.radix-list .is-current dt,.radix-list .is-current dd{color:var(--accent);font-weight:700}.bit-grid{flex-direction:column;gap:4px;display:flex}.bit-grid__row{grid-template-columns:44px repeat(8,1fr);align-items:center;gap:4px;display:grid}.bit-grid__cell:nth-child(6){margin-left:6px}.bit-grid__label{color:var(--text-muted);text-align:right;padding-right:4px;font-size:11px}.bit-grid__cell{border:1px solid var(--border);background:var(--bg-input);min-width:0;height:32px;color:var(--text-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;font-size:15px}.bit-grid__cell.is-on{background:var(--glass-active);border-color:var(--accent);color:var(--accent);font-weight:700}.secondary-button{border:1px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px;font-weight:600}.result-area h3+.radix-list{margin-bottom:0}.resistor-svg{width:100%;max-width:360px;height:auto;margin:0 auto;display:block}.resistor-svg__lead{fill:#a8a8a8;stroke:#2b2b2b;stroke-width:1.4px}.resistor-svg__band{stroke:#2b2b2b;stroke-width:1.2px}.resistor-svg__outline{fill:none;stroke:#2b2b2b;stroke-width:1.8px}.chip-svg__body{fill:#1f2125;stroke:var(--text-muted);stroke-width:.8px}.chip-svg__terminal{fill:#c9cdd1;stroke:#8d9196}.chip-svg__code{fill:#f5f5f5;letter-spacing:1px;font-size:26px;font-weight:600}.resistor-svg__arrow{fill:none;stroke:var(--text-muted);stroke-width:1px}.resistor-svg__arrow-head{fill:var(--text-muted)}.resistor-svg__meaning{fill:var(--text);font-size:12px;font-weight:700}.resistor-svg__label{fill:var(--text-muted);font-size:10px}.parts-value{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:12px}.parts-value__main{color:var(--accent);font-size:22px;font-weight:700}.parts-value__sub{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.5}.parts-value__sub+.resistor-svg,.resistor-svg+.parts-value__sub{margin-top:8px}.warn-text{color:var(--danger);margin:0 0 10px;font-size:12px;line-height:1.5}.field__label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.note-link{color:var(--accent);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.led-note{border-radius:6px;margin-left:-8px;margin-right:-8px;padding:6px 8px;transition:background .3s}.led-note:focus{outline:none}.led-note.is-highlighted{background:var(--resistor-r1-bg);color:var(--text)}.tab-bar-wrap{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:var(--tabbar-bottom);height:var(--tabbar-height);position:absolute}.tab-bar{border-radius:calc(var(--tabbar-height) / 2);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:.5px solid var(--glass-border);overscroll-behavior-x:contain;scrollbar-width:none;gap:0;height:100%;padding:4px;display:flex;position:relative;overflow-x:auto;box-shadow:0 8px 28px #0000002e,0 1px 3px #00000014}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__item{border-radius:calc((var(--tabbar-height) - 8px) / 2);min-width:0;color:var(--text-muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1 0 56px;justify-content:center;align-items:center;gap:3px;padding:0 1px;font-size:10px;text-decoration:none;transition:background-color .2s;display:flex}.tab-bar__more{width:30px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0}.tab-bar__more svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.tab-bar__more--left{border-radius:calc(var(--tabbar-height) / 2) 0 0 calc(var(--tabbar-height) / 2);background:linear-gradient(to right, var(--bg-elevated) 45%, transparent);justify-content:flex-start;padding-left:4px;left:0}.tab-bar__more--right{border-radius:0 calc(var(--tabbar-height) / 2) calc(var(--tabbar-height) / 2) 0;background:linear-gradient(to left, var(--bg-elevated) 45%, transparent);justify-content:flex-end;padding-right:4px;right:0}.tab-bar__label{text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=359px){.tab-bar__item{letter-spacing:-.3px;font-size:9px}}.tab-bar__item.is-active{color:var(--accent);background:var(--glass-active);font-weight:600}.tab-bar__icon{color:#fff;opacity:.45;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .2s,transform .2s;display:flex}.tab-bar__icon svg{width:20px;height:20px}.tab-bar__item.is-active .tab-bar__icon{opacity:1;transform:scale(1.06)}@media (width>=768px){:root{--tabbar-bottom:calc(env(safe-area-inset-bottom) + 6px)}.app-shell{max-width:900px}.tab-bar-wrap{width:620px;left:50%;right:auto;transform:translate(-50%)}.tab-content{grid-template-columns:minmax(280px,380px) 1fr;column-gap:32px;display:grid}.tab-content>h2,.tab-content>.tab-desc{grid-column:1/-1}.tab-content>.field-group{grid-column:1}.tab-content>.error-text,.tab-content>.result-area{border-top:none;border-left:1px solid var(--border);grid-column:2;padding-top:0;padding-left:32px}.tab-content>.result-area--wide{border-left:none;grid-column:1/-1;padding-left:0}.divider-card__resistors{grid-template-columns:1fr 1fr}}
