.tool-page[data-mode=line] [data-mode-only=phono],.tool-page[data-mode=phono] [data-mode-only=line]{display:none}.ccc-modes{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=419px){.ccc-modes{grid-template-columns:1fr}}.ccc-mode{gap:var(--space-3xs);text-align:start;padding:var(--space-md) var(--space-lg);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--fg);cursor:pointer;min-height:44px;transition:var(--dur-micro);flex-direction:column;align-items:flex-start;display:flex}.ccc-mode:hover{border-color:var(--accent)}.ccc-mode.is-active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, var(--bg-elevated))}.ccc-mode-name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--fg-strong);line-height:var(--leading-snug)}.ccc-mode.is-active .ccc-mode-name{color:var(--accent-hover)}.ccc-mode-sub{font-size:var(--text-2xs);color:var(--fg-muted);line-height:var(--leading-normal)}.ccc-tier-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.ccc-tier-chip{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--accent-hover);background:color-mix(in oklch, var(--accent) 12%, transparent);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;min-width:5rem}.ccc-tier-label{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--fg-strong);margin-top:var(--space-xs);letter-spacing:var(--tracking-tight)}.ccc-tier-sub{font-size:var(--text-2xs);color:var(--fg-muted);line-height:var(--leading-normal);margin-top:var(--space-2xs)}#ccc-f3-sub{min-height:2lh}.ccc-tier-bar{gap:var(--space-2xs);padding-top:var(--space-md);grid-template-columns:repeat(5,1fr);margin-top:auto;display:grid}.ccc-tier-bar i{background:var(--border);border-radius:var(--radius-2xs);height:4px;transition:background var(--dur-base);display:block}.ccc-tier-bar i.on{background:var(--accent)}.ccc-init .ccc-tier-bar i{transition:none!important}.ccc-config{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=880px){.ccc-config{grid-template-columns:repeat(3,1fr)}}.ccc-card{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);gap:var(--space-lg);flex-direction:column;padding:clamp(1rem,.85rem + .7vw,1.4rem);display:flex}.ccc-card-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.ccc-card-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-strong);letter-spacing:var(--tracking-tight);margin:0}.ccc-card-tag{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--accent-hover);padding:var(--space-3xs) var(--space-sm);background:color-mix(in oklch, var(--accent) 12%, transparent);border-radius:var(--radius-pill)}.ccc-field{gap:var(--space-xs);flex-direction:column;display:flex}.ccc-field label{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}.ccc-hint{font-size:var(--text-2xs);color:var(--fg-subtle);line-height:var(--leading-normal);margin:0}.ccc-card select,.ccc-card input[type=number]{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-w) solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg-strong);font-size:var(--text-control);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);min-height:44px}.ccc-card select:focus,.ccc-card input:focus{outline:var(--focus-ring-soft);outline-offset:var(--focus-ring-offset);border-color:var(--accent)}.ccc-unit-row{align-items:center;display:flex;position:relative}.ccc-unit-row input{padding-right:var(--space-5xl)}.ccc-unit{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--fg-subtle);pointer-events:none;position:absolute;right:.75rem}.ccc-dist-row input{padding-right:var(--space-5xl)}.ccc-unit-row .ccc-unit-select{width:3rem;padding:0 var(--space-2xs);background:var(--bg-subtle);border-radius:var(--radius-sm);font-size:var(--text-control-xs);font-weight:var(--weight-bold);color:var(--fg-strong);border:0;min-height:auto;position:absolute;top:4px;bottom:4px;right:4px}.ccc-pillset{border:none;margin:0;padding:0}.ccc-pillset legend{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-muted);margin-bottom:var(--space-sm);padding:0}.ccc-pills{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(6.5rem,100%),1fr));display:grid}.ccc-pill{gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg);cursor:pointer;text-align:start;min-height:50px;transition:var(--dur-micro);flex-direction:column;align-items:flex-start;display:flex}.ccc-pill:hover{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 4%, var(--bg-subtle))}.ccc-pill.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.ccc-pill-name{font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.ccc-pill-val{font-size:var(--text-3xs);color:var(--fg-muted);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.ccc-pill.active .ccc-pill-val{color:var(--accent-fg)}.ccc-source-actions{gap:var(--space-xs);flex-wrap:wrap;margin-top:auto;display:flex}.ccc-share-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:var(--dur-micro);display:inline-flex}.ccc-share-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, var(--bg-subtle))}.ccc-share-btn.copied{border-color:var(--ok);color:var(--ok-text);background:color-mix(in oklch, var(--ok) 10%, transparent)}.ccc-chart-card{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:clamp(1rem,.85rem + .7vw,1.5rem)}.ccc-chart-sub{margin:var(--space-md) 0 var(--space-lg);font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-body);max-width:var(--measure-text)}.ccc-chart-fig{background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);margin:0;overflow:hidden}#cap-canvas{width:100%;height:auto;display:block}.ccc-detail{gap:var(--space-lg);margin-bottom:var(--space-3xl);flex-direction:column;display:flex}.ccc-stats{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));display:grid}.ccc-stats .ccc-stat{padding:var(--space-md) var(--space-md);background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);gap:var(--space-2xs);flex-direction:column;min-height:4rem;display:flex}.ccc-stats .ccc-stat-label{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-subtle);line-height:var(--leading-snug)}.ccc-stats .ccc-stat-val{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-strong);font-variant-numeric:tabular-nums;line-height:var(--leading-snug);display:block}.ccc-math{background:0 0;border:0;border-radius:0;padding:0}.ccc-math summary{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-muted);padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-pill);transition:var(--dur-micro);list-style:none;display:inline-flex}.ccc-math summary:hover{border-color:var(--accent);color:var(--accent)}.ccc-math summary::-webkit-details-marker{display:none}.ccc-math summary svg{transition:transform var(--dur-base)}.ccc-math[open]{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg)}.ccc-math[open] summary{padding:var(--space-3xs) 0;color:var(--fg-strong);font-size:var(--text-base);font-weight:var(--weight-bold);background:0 0;border:0;border-radius:0}.ccc-math[open] summary:hover{color:var(--accent)}.ccc-math[open] summary svg{transform:rotate(90deg)}.ccc-math-steps{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-w) dashed var(--border);gap:var(--space-sm);flex-direction:column;display:flex}.ccc-math-steps .ccc-math-step{align-items:baseline;gap:var(--space-md);font-size:var(--text-xs);line-height:var(--leading-normal);grid-template-columns:1fr auto;display:grid}.ccc-math-steps .ccc-math-step:not(:first-child){border-top:var(--border-w) solid color-mix(in oklch, var(--border) 60%, transparent);padding-top:var(--space-sm)}.ccc-math-steps .ms-label{color:var(--fg-muted)}.ccc-math-steps .ms-formula{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent)}.ccc-math-steps .ms-val{font-family:var(--font-serif);font-weight:var(--weight-bold);color:var(--fg-strong);font-variant-numeric:tabular-nums}.ccc-math-steps .ccc-math-step.ms-major .ms-val{color:var(--accent);font-size:var(--text-md)}.ccc-math-model{margin:var(--space-md) 0 0;padding-top:var(--space-md);border-top:var(--border-w) dashed var(--border);font-size:var(--text-2xs);color:var(--fg-muted);line-height:var(--leading-normal);max-width:var(--measure-text)}