*{box-sizing:border-box}body{touch-action:pan-y}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#000;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}.app-container{width:100%;max-width:420px;margin:0 auto;min-height:100vh;position:relative;text-align:center}.sticky-header{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:200;width:100%;max-width:420px;background:#0000008c;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-controls{padding:0 15px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 15px 8px;position:relative}.top-bar-center{display:flex;flex-direction:column;align-items:center;flex:1}.title{margin:0;transition:all .3s ease;line-height:1.2;white-space:nowrap;pointer-events:none;user-select:none;-webkit-user-select:none;font-size:1.5rem}.title.compact{font-size:1.1rem}.tagline{font-size:.75rem;color:#64748b;white-space:nowrap;opacity:.8;font-weight:500;transition:all .3s ease;pointer-events:none;margin:4px 0 0}.tagline.hidden{opacity:0;max-height:0;margin:0;overflow:hidden}.hero-resistor{margin:10px 0 20px;opacity:1;animation:heroFadeIn 1s cubic-bezier(.16,1,.3,1)}@keyframes heroFadeIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.main-content{padding:175px 15px 120px}.transcript-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:14px;font-size:1.05rem;text-align:center;outline:none}.transcript-input:focus{background:#ffffff1f;border-color:#3b82f680}.transcript-input.listening{background:#3b82f61a;border-color:#3b82f680;animation:inputPulse 1.5s infinite}@keyframes inputPulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.f-hint,.subtitle,.input-hint{font-size:.8rem;color:#64748b!important;user-select:none;-webkit-user-select:none;transition:opacity .3s ease;line-height:1.5;opacity:.6}.subtitle{margin:6px 0 10px}.mic-interaction-hint{margin:0 15px 15px;padding:10px 24px;text-align:center;background:#1e293b80;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.12);border-radius:50px;box-shadow:0 10px 30px -5px #00000080,inset 0 1px 1px #ffffff1a;color:#f1f5f9!important;opacity:1;font-size:.85rem;font-weight:500;max-width:340px;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-animation:hintFadeOut 5s linear forwards;animation:hintFadeOut 5s linear forwards}@-webkit-keyframes hintFadeOut{to{opacity:0;visibility:hidden}}@keyframes hintFadeOut{to{opacity:0;visibility:hidden}}.subtitle.hidden,.mic-interaction-hint.hidden{opacity:0!important;pointer-events:none}.f-small-muted{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.mic-btn-container{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1000;pointer-events:none}.mic-btn-container.floating{align-items:flex-end;padding-right:20px}.mic-btn-container button{pointer-events:auto}.mic-btn{width:80px;height:80px;border-radius:50%;background:#23232366;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #000000b3,inset 1px 1.5px .5px #fff3;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.mic-btn:active{transform:scale(.95);opacity:.8;transition:transform .1s ease-out,opacity .1s ease-out}.mic-btn.initializing{animation:micPop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes micPop{0%{transform:scale(1)}40%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.mic-btn.listening{animation:micPulse 2s infinite;border-color:#3b82f6;background:#3b82f633}.mic-btn.floating{width:60px;height:60px}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.05);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.glass-card{background:#19191973;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.resistor-value-large{font-size:2.5em;font-weight:700;margin:10px 0;word-break:break-word}.result-header{display:flex;justify-content:space-between;align-items:center}.result-type-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:2px;user-select:none;-webkit-user-select:none}.status-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700;user-select:none;-webkit-user-select:none}.status-badge.standard{background:#064e3b;color:#34d399;border:1px solid #065f46}.status-badge.non-standard{background:#991b1b;color:#f87171;border:1px solid #7f1d1d}.band-toggle-btn{background:#3b82f6;color:#fff;border:none;padding:3px 6px;border-radius:4px;font-size:.65rem;position:absolute;top:-10px;right:0;user-select:none;-webkit-user-select:none;cursor:pointer}.smd-resistor-container{margin:15px 0;display:flex;justify-content:center}.smd-resistor{display:flex;align-items:stretch;height:40px;background:#000;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0006;border:1px solid #333}.smd-contact{width:12px;background:#ccc;box-shadow:inset 0 0 4px #0003}.smd-body{padding:0 15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#111,#000)}.smd-text{color:#fff;font-family:monospace;font-size:1.1rem;letter-spacing:2px;font-weight:700}.resistor-tolerance{color:#64748b;font-size:.8rem;margin-top:8px;opacity:.8;font-style:italic}.variants-container{margin-top:10px;padding-top:5px}.variants-title{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;user-select:none;-webkit-user-select:none}.variants-flex{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.variant-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:6px;font-size:.85em;user-select:none;-webkit-user-select:none}.variant-pill.highlight{background:#065f46;color:#10b981;border-color:#10b981}.series-badge{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:700}.lang-switcher-single{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#64748b;padding:6px 12px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;user-select:none;-webkit-user-select:none;cursor:pointer}.guesses-container{display:flex;flex-direction:row;align-items:center;gap:2px;margin-top:2px;opacity:0;transition:opacity .3s}.guesses-container.visible{opacity:1}.guesses-scroll{display:flex;gap:6px;overflow-x:auto;flex:1;padding-bottom:5px;align-items:center}.guesses-scroll::-webkit-scrollbar{display:none}.guess-pill{background:#ffffff0d;color:#cbd5e1;border:1px solid rgba(255,255,255,.1);padding:4px 12px;border-radius:12px;font-size:.75rem;user-select:none;-webkit-user-select:none;cursor:pointer}.guess-pill.selected{background:#3b82f6;color:#fff;border:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(25px) saturate(150%);backdrop-filter:blur(25px) saturate(150%);z-index:2000;display:flex;align-items:center;justify-content:center}.modal-card{max-width:320px;width:100%;padding:30px 20px!important}details summary{color:#94a3b8;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}details[open] summary{margin-bottom:15px}.info-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.85rem;text-align:left}.info-explanation{grid-column:span 2;font-size:.7rem;color:#64748b;border-bottom:1px solid #222;user-select:none;-webkit-user-select:none}@media (min-width: 600px){body{background:#09090b}.app-container{min-height:100vh}}.info-list li{margin-bottom:4px}.legend-table{width:100%;border-collapse:collapse;font-size:.75rem;color:#94a3b8;margin-top:10px}.legend-table th{text-align:left;padding:6px 4px;border-bottom:1px solid #222;color:#64748b;text-transform:uppercase;font-size:.6rem}.legend-table td{padding:5px 4px;border-bottom:1px solid #111;text-align:left}.legend-table td:first-child{min-width:90px}.color-swatch{width:12px;height:12px;border-radius:3px;display:inline-block;vertical-align:middle;margin-right:6px;border:1px solid rgba(255,255,255,.15)}.swatch-black{background:#000;box-shadow:inset 0 0 0 1px #333}.swatch-brown{background:#78350f}.swatch-red{background:#dc2626}.swatch-orange{background:#ea580c}.swatch-yellow{background:#eab308}.swatch-green{background:#16a34a}.swatch-blue{background:#2563eb}.swatch-violet{background:#9333ea}.swatch-gray{background:#4b5563}.swatch-white{background:#f8fafc}.swatch-gold{background:linear-gradient(135deg,#fbbf24,#d97706)}.swatch-silver{background:linear-gradient(135deg,#cbd5e1,#64748b)}.smd-diagram-svg text{font-family:sans-serif;user-select:none;-webkit-user-select:none}.dim-group text{text-shadow:0 1px 2px rgba(0,0,0,.8)}.smd-sizes-table{min-width:480px!important}.smd-sizes-table th{font-size:.55rem!important;text-align:center!important}.smd-sizes-table th:first-child{text-align:left!important;min-width:60px}.smd-sizes-table td{font-size:.75rem;text-align:center}.smd-sizes-table td:first-child{text-align:left}.info-panel-grid{display:flex;flex-direction:column;gap:12px;padding:10px 0;font-size:.8rem}.info-explanation{color:#64748b;line-height:1.5;font-style:italic;font-size:.75rem;margin-bottom:5px;user-select:none;-webkit-user-select:none}.info-list{list-style:none;padding:0;margin:5px 0 0;display:flex;flex-direction:column;gap:4px}.info-list li{color:#cbd5e1;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.03)}.info-list li:last-child{border-bottom:none}.parallel-info{margin:12px 0 8px;padding:14px 16px;background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:12px}.parallel-formula{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:1rem;color:#94a3b8}.parallel-separator{color:#3b82f6;font-weight:700;font-size:1.2em}.parallel-input-value{display:inline-flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:3px 10px;border-radius:8px;font-weight:600;color:#e2e8f0;font-size:.95rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parallel-equals{color:#3b82f6;font-size:1.1rem;font-weight:700;margin-top:8px;text-align:center}.parallel-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;text-align:center;user-select:none;-webkit-user-select:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.parallel-equivalent-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;margin-top:15px;margin-bottom:-5px;text-align:center;user-select:none;-webkit-user-select:none}