.circular-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:.25rem;margin-bottom:.75rem;display:flex;overflow-x:auto}.circular-tabs::-webkit-scrollbar{display:none}.circular-tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.circular-tab-btn:hover{color:var(--text)}.circular-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.circular-inputs-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.circular-inputs-grid .field{flex-direction:column;gap:6px;display:flex}.circular-inputs-grid .field label{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.circular-inputs-grid .field label span.val-display{color:var(--text);background:var(--bg-hover);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.9rem}.circular-inputs-grid .field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.circular-chart-shell{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);width:100%;min-width:0;max-width:100%;margin-bottom:16px;position:relative;overflow:hidden}.circular-chart-actions{z-index:2;gap:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.circular-fs-btn,.circular-play-btn{background:color-mix(in srgb, var(--bg-surface) 82%, transparent);width:1.7rem;height:1.7rem;color:var(--text);cursor:pointer;border:0;border-radius:.4rem;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:inline-flex}.circular-fs-btn:hover,.circular-play-btn:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.circular-canvas-wrap{width:100%;height:auto;display:block;position:relative}#circular-canvas{width:100%;height:auto;display:block}.circular-chart-shell:fullscreen{background:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex}.circular-chart-shell:fullscreen .circular-canvas-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.circular-chart-shell:fullscreen #circular-canvas{object-fit:contain;max-width:100%;max-height:100%}#result-area{margin-top:12px}#result-area .bd-row{align-items:flex-start}#result-area .bd-row>span{min-width:12rem;padding-top:.4rem}#result-area .bd-row>strong{text-align:left;white-space:normal;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;display:block;overflow:auto hidden}#result-area .bd-row>strong .katex-display{max-width:100%;margin:.05rem 0;overflow:auto hidden}.info-note{margin:.5rem 0 1rem}.playback-row{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.playback-row .btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.playback-row .btn:hover{background:var(--bg-hover)}.playback-row .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.playback-row .btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}@media (width<=600px){.circular-tabs{border-bottom:none;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-bottom:1rem;display:grid}.circular-tab-btn{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--bg-surface);margin-bottom:0;padding:.6rem .25rem;font-size:.75rem}.circular-tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.circular-inputs-grid{grid-template-columns:1fr}.playback-row{flex-wrap:wrap}}.circular-result-grid{border-bottom:1px dashed var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:8px;margin-bottom:16px;padding-bottom:12px;display:grid}.circular-result-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;min-width:0;padding:8px 12px;font-size:.85rem;display:flex}.circular-result-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.circular-result-val{color:var(--text);font-family:monospace;font-weight:600}.circular-math-row{margin-bottom:16px}.circular-math-heading{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.circular-math-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-width:100%;padding:12px 14px;font-size:.95rem;overflow-x:auto}.circular-math-block .katex-display{text-align:left;margin:0!important}