.isl-tab-row{gap:.25rem;margin-bottom:.75rem;display:flex}.isl-tab{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-dim);cursor:pointer;border-radius:4px 4px 0 0;padding:.35rem 1rem;font-size:.875rem;transition:background .15s,color .15s}.isl-tab:hover{color:var(--text)}.isl-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.isl-inputs{margin-bottom:.75rem}.isl-param-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.isl-source-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.isl-source-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:99px;padding:.25rem .65rem;font-size:.82rem;transition:border-color .15s,background .15s}.isl-source-btn:hover{border-color:var(--accent)}.isl-source-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.isl-label{color:var(--text-dim);white-space:nowrap;min-width:6rem;font-size:.85rem}.isl-num{border:1px solid var(--border);background:var(--bg-surface);width:8rem;color:var(--text);text-align:right;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.85rem}.isl-num:focus{border-color:var(--accent);outline:none}.isl-unit{color:var(--text-dim);white-space:nowrap;font-size:.8rem}.isl-distance-row{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.isl-r-controls{align-items:center;gap:.5rem;min-width:0;display:flex}.isl-slider{accent-color:var(--accent);flex:1;min-width:0}.isl-2col{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=860px){.isl-2col{grid-template-columns:1fr}}.isl-controls-col{flex-direction:column;gap:0;display:flex}.isl-diagram{border:1px solid var(--border);background:var(--panel,var(--bg-surface));box-sizing:border-box;border-radius:10px;height:100%;padding:.5rem .75rem .35rem;overflow:hidden}.isl-param-label{color:var(--text-dim);margin-bottom:.35rem;font-size:.85rem}.isl-r-label-block{min-width:unset;width:100%;margin-bottom:.3rem;display:block}#result-area{margin-bottom:1rem}#result-area .bd-row{margin:.08rem 0;padding:.25rem .32rem;font-size:.92rem}#result-area .bd-row .katex-display{margin:.2rem 0}#result-area .bd-row .katex{font-size:.98em}.isl-result-row{background:color-mix(in srgb, var(--accent) 8%, transparent)}.isl-result-row>span{color:var(--text);font-weight:600}@media (width<=760px){#result-area .bd-row>strong{-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow:auto hidden}}.isl-ratio-section{margin-bottom:1rem}.isl-ratio-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.isl-ratio-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.85rem}.isl-ratio-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:.25rem .5rem;font-weight:500}.isl-ratio-table td{padding:.25rem .5rem}.isl-ratio-row{cursor:pointer}.isl-ratio-row:hover{background:var(--surface-alt,var(--bg-surface))}.isl-ratio-current{background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:600}.result-box.attractive{border-color:#22c55e}.result-box.repulsive{border-color:#f97316}@media (width<=480px){.isl-param-row{flex-wrap:wrap}.isl-num{width:6rem}.isl-label{min-width:4.5rem}}