.bdc-range-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.bdc-range-tier{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}.bdc-range-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)}.bdc-range-sub{font-size:var(--text-2xs);color:var(--fg-muted);line-height:var(--leading-normal);margin-top:var(--space-2xs)}.bdc-range-bar{gap:var(--space-2xs);padding-top:var(--space-md);grid-template-columns:repeat(5,1fr);margin-top:auto;display:grid}.bdc-range-bar i{background:var(--border);border-radius:var(--radius-2xs);height:4px;transition:background var(--dur-base);display:block}.bdc-range-bar i.on{background:var(--accent)}.bdc-init .bdc-range-bar i{transition:none!important}.bdc-config{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=880px){.bdc-config{grid-template-columns:repeat(3,1fr)}}.bdc-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}.bdc-card-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.bdc-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}.bdc-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)}.bdc-field{gap:var(--space-xs);flex-direction:column;display:flex}.bdc-field label{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}.bdc-hint{font-size:var(--text-2xs);color:var(--fg-subtle);line-height:var(--leading-normal);margin:0}.bdc-card select,.bdc-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}.bdc-card select:focus,.bdc-card input:focus{outline:var(--focus-ring-soft);outline-offset:var(--focus-ring-offset);border-color:var(--accent)}.bdc-pillset{border:none;margin:0;padding:0}.bdc-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}.bdc-pills{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(6.5rem,100%),1fr));display:grid}.bdc-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}.bdc-pill:hover{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 4%, var(--bg-subtle))}.bdc-pill.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.bdc-pill-name{font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.bdc-pill-val{font-size:var(--text-3xs);color:var(--fg-muted);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.bdc-pill.active .bdc-pill-val{color:var(--accent-fg)}.bdc-vol-row{gap:var(--space-md);grid-template-columns:1fr auto;align-items:center;display:grid}.bdc-slider{width:100%;accent-color:var(--accent);cursor:pointer;min-height:44px}.bdc-card input.bdc-slider:focus{outline:2px solid color-mix(in oklch, var(--accent) 40%, transparent);outline-offset:4px;border-color:#0000}.bdc-vol-num{align-items:center;display:flex;position:relative}.bdc-card input.bdc-vol-num-input{width:5.25rem;padding:var(--space-sm) var(--space-3xl) var(--space-sm) var(--space-md);text-align:end}.bdc-vol-unit{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-subtle);pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;right:.7rem}.bdc-source-actions{gap:var(--space-xs);flex-wrap:wrap;margin-top:auto;display:flex}.bdc-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}.bdc-share-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, var(--bg-subtle))}.bdc-share-btn.copied{border-color:var(--ok);color:var(--ok-text);background:color-mix(in oklch, var(--ok) 10%, transparent)}.bdc-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)}.bdc-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)}.bdc-chart-fig{background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);margin:0;overflow:hidden}#bdc-canvas{width:100%;height:auto;display:block}.bdc-chart-legend{margin-top:var(--space-md);gap:var(--space-xs) var(--space-lg);font-size:var(--text-2xs);color:var(--fg-muted);flex-wrap:wrap;display:flex}.bdc-leg{align-items:center;gap:var(--space-xs);display:inline-flex}.bdc-leg-sw{border-radius:var(--radius-2xs);width:18px;height:3px;display:inline-block}.bdc-leg-sw-lin{background:oklch(55% .18 25)}.bdc-leg-sw-log{background:var(--accent)}.bdc-leg-sw-db{background:oklch(65% .16 145)}.bdc-leg-sw-now{background:var(--fg-strong);width:3px;height:12px}.bdc-demo-card{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);gap:var(--space-md);flex-direction:column;padding:clamp(1rem,.85rem + .7vw,1.5rem);display:flex}.bdc-demo-help{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-body);max-width:56rem;margin:0}.bdc-demo-row{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.bdc-content-pill{padding:var(--space-xs) var(--space-md);border:var(--border-w) solid var(--border);border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--fg-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:var(--dur-micro)}.bdc-content-pill:hover{border-color:var(--accent);color:var(--accent)}.bdc-content-pill.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.bdc-demo-transport{align-items:stretch;gap:var(--space-sm);flex-wrap:wrap;display:flex}.bdc-tbtn{align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);min-height:44px;font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:var(--radius-md);border:var(--border-w) solid transparent;cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);display:inline-flex}.bdc-tbtn-icon{font-size:.78em;line-height:var(--leading-none)}.bdc-tbtn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);flex:auto;justify-content:center}.bdc-tbtn-primary:hover:not(:disabled){filter:brightness(1.06)}.bdc-tbtn-ghost{color:var(--fg-strong);border-color:var(--border-strong);background:0 0;flex:auto;justify-content:center}.bdc-tbtn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.bdc-tbtn-stop{background:var(--bg-subtle);color:var(--fg-muted);border-color:var(--border);flex:none;justify-content:center;width:42px;padding:0}.bdc-tbtn-stop:hover:not(:disabled){background:var(--bg-elevated);color:var(--fg-strong);border-color:var(--fg-muted)}.bdc-tbtn:disabled{opacity:.4;cursor:not-allowed}.bdc-tbtn.playing,.bdc-tbtn.playing:hover{color:#fff!important;background:oklch(55% .18 25)!important;border-color:oklch(55% .18 25)!important}.bdc-demo-status{font-size:var(--text-2xs);color:var(--fg-subtle);font-variant-numeric:tabular-nums;min-height:1em;margin:0}.bdc-detail{gap:var(--space-lg);margin-bottom:var(--space-3xl);flex-direction:column;display:flex}.bdc-stats{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));display:grid}.bdc-stats .bdc-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}.bdc-stats .bdc-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)}.bdc-stats .bdc-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}.bdc-math{background:0 0;border:0;border-radius:0;padding:0}.bdc-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}.bdc-math summary:hover{border-color:var(--accent);color:var(--accent)}.bdc-math summary::-webkit-details-marker{display:none}.bdc-math summary svg{transition:transform var(--dur-base)}.bdc-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)}.bdc-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}.bdc-math[open] summary:hover{color:var(--accent)}.bdc-math[open] summary svg{transform:rotate(90deg)}.bdc-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}.bdc-math-steps .bdc-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}.bdc-math-steps .bdc-math-step:not(:first-child){border-top:var(--border-w) solid color-mix(in oklch, var(--border) 60%, transparent);padding-top:var(--space-sm)}.bdc-math-steps .ms-label{color:var(--fg-muted)}.bdc-math-steps .ms-formula{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent)}.bdc-math-steps .ms-val{font-family:var(--font-serif);font-weight:var(--weight-bold);color:var(--fg-strong);font-variant-numeric:tabular-nums}.bdc-math-steps .bdc-math-step.ms-major .ms-val{color:var(--accent);font-size:var(--text-md)}