:root{--ct-accent:#007BFF;--ct-accent2:#00B4D8;--ct-bg:#F8F9FA;--ct-card:#ffffff;--ct-text:#1a1a2e;--ct-muted:#6c757d;--ct-border:#dee2e6;--ct-danger:#dc3545;--ct-success:#28a745}.ct-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ct-muted);margin-bottom:14px;margin-top:20px}.ct-explanation h2:first-child,.ct-section-title:first-child{margin-top:0}.ct-ctrl-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:14px}.ct-ctrl-row>label{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--ct-text);white-space:nowrap;margin-bottom:0;flex-shrink:0;width:100%}.ct-label-text{display:inline-block;width:100px;flex-shrink:0}.ct-label-tip,.ct-num-wrap{display:inline-flex;align-items:center;flex-shrink:0}.ct-label-tip{justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--ct-border);color:var(--ct-muted);font-size:9px;font-weight:700;cursor:help;margin-left:2px}.ct-ctrl-row>input[type=range]{width:100%;flex-basis:100%;accent-color:var(--ct-accent)}.ct-num-wrap{gap:2px;margin-left:auto}input.ct-num-input{width:80px!important;padding:3px 8px;border:1px solid var(--ct-border);border-radius:6px;font-family:"Roboto Mono",monospace;font-size:.82rem;text-align:right;color:var(--ct-text);box-sizing:border-box;height:auto}.ct-num-input:focus,.ct-select:focus{outline:0;border-color:var(--ct-accent);box-shadow:0 0 0 2px rgba(0,123,255,.15)}.ct-num-unit{font-size:.75rem;color:var(--ct-muted);min-width:30px}.ct-select{width:100%;padding:6px 10px;border:1px solid var(--ct-border);border-radius:6px;font-size:.82rem;color:var(--ct-text);background:var(--ct-card);cursor:pointer}.ct-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.ct-stat-card{background:var(--ct-bg);border-radius:8px;padding:10px 12px;border:1px solid var(--ct-border);text-align:center;transition:background-color .18s,border-color .18s,box-shadow .18s}.ct-stat-card.ok{background:rgba(0,184,148,.08);border-color:rgba(0,184,148,.4)}.ct-stat-card.ok .ct-stat-value{color:#00b894}.ct-stat-card.warn{background:rgba(220,53,69,.06);border-color:rgba(220,53,69,.35)}.ct-stat-card.flash-danger .ct-stat-value,.ct-stat-card.warn .ct-stat-value{color:var(--ct-danger)}.ct-stat-card.flash-danger{background:rgba(220,53,69,.12);border-color:var(--ct-danger)}.ct-stat-card.flash{background:rgba(0,123,255,.12);border-color:rgba(0,123,255,.45)}.ct-stat-label{font-size:.7rem;color:var(--ct-muted);margin-bottom:2px}.ct-stat-value{font-family:"Roboto Mono",monospace;font-size:1rem;font-weight:700;color:var(--ct-accent)}.ct-stat-unit{font-size:.68rem;color:var(--ct-muted)}.ct-chart-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:2px solid var(--ct-border)}.ct-chart-tab{font-size:.78rem;padding:8px 16px;border:0;border-bottom:2px solid transparent;background:0 0;cursor:pointer;color:var(--ct-muted);transition:all .2s;margin-bottom:-2px;font-weight:500}.ct-chart-tab:hover,.ct-explanation h3{color:var(--ct-text)}.ct-chart-tab.active{color:var(--ct-accent);border-bottom-color:var(--ct-accent);font-weight:600}.ct-chart-card{background:var(--ct-card);border:1px solid var(--ct-border);border-radius:10px;padding:14px;margin-bottom:16px}.ct-chart-header{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--ct-text);margin-bottom:12px;cursor:pointer;user-select:none}.ct-chart-header .ct-collapse-icon{font-size:.65rem;margin-left:auto;transition:transform .2s}.ct-theory-box{background:#f0f7ff;border-left:3px solid var(--ct-accent);border-radius:0 8px 8px 0;padding:14px 16px;margin-top:14px;font-size:.85rem;line-height:1.8}.ct-explanation h2,.ct-theory-box h4{font-weight:700;color:var(--ct-accent)}.ct-theory-box h4{font-size:.9rem;margin-bottom:8px}.ct-note{font-size:.78rem;color:var(--ct-muted);margin-top:8px;line-height:1.6}.ct-input-panel,.ct-viz-panel{background:var(--ct-card);border:1px solid var(--ct-border);border-radius:10px;padding:16px}.ct-explanation{margin-top:32px;padding-top:20px;border-top:1px solid var(--ct-border)}.ct-explanation h2{font-size:18px;margin:28px 0 12px;border-left:3px solid var(--ct-accent);padding-left:12px}.ct-explanation h3{font-size:15px;font-weight:700;margin:18px 0 8px}.ct-explanation li,.ct-explanation p{font-size:14px;line-height:1.8;color:var(--ct-text);margin-bottom:12px}.ct-explanation ol,.ct-explanation ul{padding-left:24px;margin-bottom:14px}.ct-explanation li{margin-bottom:4px}.ct-fblock{background:rgba(0,123,255,.04);border:1px solid rgba(0,123,255,.15);border-radius:8px;padding:16px 20px;margin:14px 0;overflow-x:auto}.ct-fblock p{margin-bottom:10px;font-size:14px}.ct-cmsg:last-child,.ct-fblock p:last-child{margin-bottom:0}.ct-chat{background:rgba(0,123,255,.04);border:1px solid rgba(0,123,255,.1);border-radius:12px;padding:16px;margin:20px 0}.ct-cmsg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.ct-cmsg .ct-ico{font-size:22px;flex-shrink:0}.ct-cmsg .ct-bub{background:var(--ct-card);border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.7;color:var(--ct-text);border:1px solid var(--ct-border)}.ct-cmsg.ct-st .ct-bub{border-left:3px solid var(--ct-accent2)}.ct-cmsg.ct-pr .ct-bub{border-left:3px solid #f59e0b}.ct-tab-panel{display:none}.ct-tab-panel.active{display:block}.ct-results-table{width:100%;border-collapse:collapse}.ct-results-table td,.ct-results-table th{padding:8px 12px;border-bottom:1px solid var(--ct-border);font-size:.85rem}.ct-results-table th{background:var(--ct-bg);font-weight:600;color:var(--ct-muted);text-align:left}.ct-results-table td:last-child{font-family:"Roboto Mono",monospace;font-weight:600;text-align:right;color:var(--ct-accent)}.ct-pair-row{display:flex;gap:12px}.ct-pair-row>div{flex:1}@media (max-width:640px){.ct-stats-grid{grid-template-columns:repeat(2,1fr)}.ct-num-input{width:64px!important}.ct-label-text{width:80px}.ct-chart-tab{padding:6px 10px;font-size:.72rem}.ct-pair-row{flex-direction:column;gap:0}}@media (max-width:420px){.ct-stats-grid{grid-template-columns:1fr 1fr}}