: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;--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 system-ui,Segoe 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;--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}.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}.opamp-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}.opamp-diagram{width:100%;max-width:300px;height:auto}.opamp-diagram__wire{fill:none;stroke:var(--text-muted);stroke-width:1.6px;stroke-linejoin:round}.opamp-diagram__dot{fill:var(--text-muted)}.opamp-diagram__r--rf{fill:var(--resistor-r1-bg);stroke:var(--resistor-r1)}.opamp-diagram__r--rg{fill:var(--resistor-r2-bg);stroke:var(--resistor-r2)}.opamp-diagram__text{fill:var(--text);font-size:11px}.opamp-diagram__text .opamp-diagram__label--rf{fill:var(--resistor-r1);font-weight:700}.opamp-diagram__text .opamp-diagram__label--rg{fill:var(--resistor-r2);font-weight:700}.opamp-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}.tab-bar{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:var(--tabbar-bottom);height:var(--tabbar-height);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);gap:0;padding:4px;display:flex;position:absolute;box-shadow:0 8px 28px #0000002e,0 1px 3px #00000014}.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;justify-content:center;align-items:center;gap:3px;padding:0 1px;font-size:10px;transition:background-color .2s;display:flex}.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{width:440px;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}.divider-card__resistors{grid-template-columns:1fr 1fr}}
