.cc{--cc-line:var(--line);--cc-fg:var(--fg);--cc-dim:var(--fg-2,var(--fg-dim));--cc-mute:var(--fg-3,var(--fg-mute));--cc-accent:var(--accent-text,var(--brand));--cc-card:color-mix(in srgb,var(--cc-fg)3%,transparent);border:1px solid var(--cc-line);background:var(--cc-card);color:var(--cc-fg);border-radius:20px;overflow:hidden}.cc-tabs{border-bottom:1px solid var(--cc-line);scrollbar-width:none;gap:4px;padding:6px;display:flex;overflow-x:auto}.cc-tab{min-height:44px;color:var(--cc-dim);white-space:nowrap;border-radius:12px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.cc-tab:hover{color:var(--cc-fg)}.cc-tab[aria-selected=true]{background:color-mix(in srgb,var(--cc-accent)14%,transparent);color:var(--cc-accent)}.cc-tab:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-seg-btn:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-select:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.cc-body{gap:24px;padding:24px;display:grid}@media (min-width:860px){.cc-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.cc-controls{gap:20px;display:grid}.cc-label{color:var(--cc-mute);justify-content:space-between;gap:12px;font-size:.8125rem;display:flex}.cc-value{color:var(--cc-fg);font-variant-numeric:tabular-nums;font-weight:600}.cc-picker{gap:8px;display:grid}.cc-seg{flex-wrap:wrap;gap:6px;display:flex}.cc-seg-btn{border:1px solid var(--cc-line);min-height:40px;color:var(--cc-dim);border-radius:10px;padding:0 14px;font-size:.875rem;transition:border-color .2s,color .2s,background .2s}.cc-seg-btn:hover{color:var(--cc-fg)}.cc-seg-btn[aria-checked=true]{border-color:color-mix(in srgb,var(--cc-accent)60%,transparent);background:color-mix(in srgb,var(--cc-accent)10%,transparent);color:var(--cc-fg)}.cc-select{border:1px solid var(--cc-line);min-height:40px;color:var(--cc-fg);background:0 0;border-radius:10px;padding:0 12px;font-size:.875rem}.cc-select option{background:var(--bg,var(--panel));color:var(--cc-fg)}.cc-model{color:var(--cc-dim);font-size:.875rem}.cc-slider{gap:10px;display:grid}.cc-slider input[type=range]{width:100%;accent-color:var(--cc-accent)}.cc-check{min-height:32px;color:var(--cc-dim);align-items:center;gap:10px;font-size:.875rem;display:flex}.cc-check input{width:18px;height:18px;accent-color:var(--cc-accent)}.cc-result{border:1px solid color-mix(in srgb,var(--cc-accent)30%,transparent);background:color-mix(in srgb,var(--cc-accent)6%,transparent);border-radius:16px;gap:6px;padding:22px;display:grid}.cc-rub{font-variant-numeric:tabular-nums;font-size:max(1.6rem,min(3.4vw,2.2rem));font-weight:700;line-height:1.15}.cc-iqp{color:var(--cc-accent);font-variant-numeric:tabular-nums;font-weight:600}.cc-what{color:var(--cc-dim);margin-top:6px;font-size:.875rem;line-height:1.55}.cc-installs{border-top:1px solid var(--cc-line);color:var(--cc-mute);gap:4px;margin-top:8px;padding-top:10px;font-size:.8125rem;display:grid}.cc-note{color:var(--cc-mute);padding:0 24px 22px;font-size:.8125rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.cc-tab,.cc-seg-btn{transition:none}}