:root{--cs-primary:#5b21b6;--cs-primary-soft:#ede9fe;--cs-primary-softer:#f5f3ff;--cs-primary-strong:#4c1d95;--cs-primary-line:#c4b5fd;--cs-accent:#f97316;--cs-accent-soft:#fff7ed;--cs-surface:#ffffff;--cs-surface-alt:#faf8ff;--cs-surface-sunken:#f4f2ff;--cs-ink:#0f172a;--cs-ink-strong:#020617;--cs-ink-muted:#64748b;--cs-ink-faint:#94a3b8;--cs-border:#e9e5f4;--cs-border-strong:#cbd5e1;--cs-stage-light:#fafbff;--cs-stage-dark:#0b1020;--cs-stage-dark-grid:#1e293b;--cs-ok:#10b981;--cs-radius-xs:8px;--cs-radius-sm:12px;--cs-radius-md:18px;--cs-radius-lg:24px;--cs-radius-xl:32px;--cs-shadow-xs:0 1px 2px rgba(15,23,42,0.06);--cs-shadow-sm:0 4px 12px rgba(15,23,42,0.06);--cs-shadow-md:0 16px 36px rgba(79,70,229,0.10);--cs-shadow-lg:0 28px 70px rgba(76,29,149,0.22);--cs-gap-xs:0.5rem;--cs-gap-sm:0.75rem;--cs-gap-md:1rem;--cs-gap-lg:1.5rem;--cs-gap-xl:2rem;--cs-max-reading:720px;--primary:var(--cs-primary);--primary-dark:var(--cs-primary-strong);--border:var(--cs-border);--surface:var(--cs-surface);--shadow-soft:var(--cs-shadow-sm);--surface-muted:var(--cs-surface-sunken);--text-main:var(--cs-ink-strong);--text-muted:var(--cs-ink-muted);--cs-faq-section-margin-top:var(--cs-gap-xl);--cs-faq-card-radius:var(--cs-radius-lg);--cs-faq-card-border:1px solid var(--cs-border);--cs-faq-card-padding:1.75rem;--cs-faq-card-bg:var(--cs-surface);--cs-faq-card-shadow:var(--cs-shadow-sm);--cs-faq-title-color:var(--cs-ink-strong);--cs-faq-header-desc-color:var(--cs-ink-muted);--cs-faq-grid-gap:0.75rem;--cs-faq-grid-margin-top:1.25rem;--cs-faq-item-border:1px solid var(--cs-border);--cs-faq-item-radius:var(--cs-radius-md);--cs-faq-item-padding:0.85rem 1.1rem;--cs-faq-item-bg:var(--cs-surface-sunken);--cs-faq-item-bg-open:var(--cs-surface);--cs-faq-item-border-open:var(--cs-primary-line);--cs-faq-item-shadow-open:var(--cs-shadow-xs);--cs-faq-summary-color:var(--cs-ink-strong);--cs-faq-summary-font-weight:700;--cs-faq-answer-color:var(--cs-ink-muted);--cs-faq-answer-margin-top:0.65rem;--cs-related-section-margin-top:1.5rem;--cs-related-section-margin-top-sidebar:0;--cs-related-section-margin-bottom:0;--cs-related-card-radius:var(--cs-radius-md);--cs-related-card-border:1px solid var(--cs-border);--cs-related-card-padding:1.75rem;--cs-related-card-bg:var(--cs-surface-sunken);--cs-related-card-shadow:var(--cs-shadow-xs);--cs-related-list-gap:0.75rem;--cs-related-link-color:var(--cs-primary-strong);--cs-related-link-hover:var(--cs-primary);--cs-related-desc-color:var(--cs-ink-muted);--cs-related-desc-font-size:0.875rem;--cs-related-desc-margin-top:0.25rem;}
.bmc-math .cantor-lab{margin:1.5rem 0 2rem;}
.cantor-stage .insight-panel{margin-top:var(--cs-gap-lg);}
.cantor-stage{position:relative;background:linear-gradient(160deg,#ffffff 0%,var(--cs-surface-alt) 100%);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);padding:1rem;box-shadow:var(--cs-shadow-md);overflow:hidden;}
.cantor-stage::before{content:"";position:absolute;inset:-40% -20% auto auto;width:60%;height:60%;background:radial-gradient(closest-side,rgba(91,33,182,0.12),transparent 70%);pointer-events:none;}
.cantor-stage .author-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--cs-gap-sm) var(--cs-gap-md);margin:0 0 var(--cs-gap-md);padding-bottom:var(--cs-gap-md);border-bottom:1px solid var(--cs-border);font-size:0.8125rem;line-height:1.4;color:var(--cs-ink-muted);}
.cantor-stage .meta-author{color:var(--cs-ink);font-weight:500;}
.cantor-stage .meta-author .author-link{color:var(--cs-primary-strong);text-decoration:none;}
.cantor-stage .meta-author .author-link:hover{text-decoration:underline;}
.cantor-stage .meta-updated{white-space:nowrap;}
.stage-toolbar{display:flex;flex-wrap:wrap;gap:var(--cs-gap-sm);align-items:center;justify-content:space-between;margin-bottom:var(--cs-gap-md);position:relative;z-index:1;}
.stage-chip{display:inline-flex;align-items:center;gap:0.5rem;background:var(--cs-primary-soft);color:var(--cs-primary-strong);padding:0.4rem 0.85rem;border-radius:999px;font-size:0.8rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}
.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--cs-primary);box-shadow:0 0 0 4px rgba(91,33,182,0.15);animation:csPulse 2.4s ease-in-out infinite;}
@keyframes csPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.25);opacity:0.75;}}
.stage-actions{display:flex;flex-wrap:wrap;gap:0.4rem;}
.icon-btn{display:inline-flex;align-items:center;gap:0.4rem;background:var(--cs-surface);color:var(--cs-ink);border:1px solid var(--cs-border);border-radius:999px;padding:0.5rem 0.9rem;font-size:0.85rem;font-weight:600;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease,background 0.15s ease;}
.icon-btn svg{width:14px;height:14px;}
.icon-btn:hover{border-color:var(--cs-primary);color:var(--cs-primary-strong);background:var(--cs-primary-softer);transform:translateY(-1px);box-shadow:var(--cs-shadow-sm);}
.icon-btn:active{transform:translateY(0);}
.icon-btn.is-active{background:var(--cs-primary);color:#fff;border-color:var(--cs-primary);box-shadow:0 8px 16px rgba(91,33,182,0.25);}
.icon-btn:disabled{opacity:0.6;cursor:not-allowed;}
.canvas-frame{position:relative;background:var(--cs-stage-light);border-radius:var(--cs-radius-md);padding:1rem;border:1px solid var(--cs-border);overflow:hidden;transition:background 0.3s ease,border-color 0.3s ease;}
.canvas-frame.is-dark{background:var(--cs-stage-dark);border-color:#1e293b;}
.canvas-frame::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--cs-border) 1px,transparent 1px),linear-gradient(90deg,var(--cs-border) 1px,transparent 1px);background-size:40px 40px;opacity:0.35;pointer-events:none;mask-image:radial-gradient(circle at center,rgba(0,0,0,0.6),transparent 75%);}
.canvas-frame.is-dark::after{background-image:linear-gradient(var(--cs-stage-dark-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cs-stage-dark-grid) 1px,transparent 1px);opacity:0.6;}
#cantorCanvas{display:block;width:100%;height:auto;position:relative;z-index:1;border-radius:var(--cs-radius-sm);}
.stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cs-gap-sm);margin-top:var(--cs-gap-md);position:relative;z-index:1;}
.stat-pill{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-radius-md);padding:0.85rem 1rem;display:flex;flex-direction:column;gap:0.2rem;transition:transform 0.2s ease,border-color 0.2s ease;}
.stat-pill:hover{border-color:var(--cs-primary-line);transform:translateY(-1px);}
.stat-pill.accent{background:linear-gradient(140deg,var(--cs-primary-soft) 0%,var(--cs-primary-softer) 100%);border-color:var(--cs-primary-line);}
.stat-key{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--cs-ink-muted);}
.stat-val{font-size:1.35rem;font-weight:800;color:var(--cs-ink-strong);font-feature-settings:"tnum" 1;}
.stat-pill.accent .stat-val{color:var(--cs-primary-strong);}
.step-track{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:var(--cs-gap-md);padding:0.6rem;background:var(--cs-surface);border:1px dashed var(--cs-border-strong);border-radius:var(--cs-radius-md);position:relative;z-index:1;align-items:center;}
.step-label{font-size:0.75rem;font-weight:700;color:var(--cs-ink-muted);text-transform:uppercase;letter-spacing:0.08em;margin-right:0.25rem;}
.step-dot{width:32px;height:32px;border-radius:50%;border:1px solid var(--cs-border-strong);background:var(--cs-surface);color:var(--cs-ink-muted);font-size:0.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s ease;padding:0;}
.step-dot:hover{border-color:var(--cs-primary);color:var(--cs-primary-strong);}
.step-dot.is-current{background:var(--cs-primary);color:#fff;border-color:var(--cs-primary);box-shadow:0 6px 14px rgba(91,33,182,0.3);}
.step-dot.is-passed{background:var(--cs-primary-soft);border-color:var(--cs-primary-line);color:var(--cs-primary-strong);}
.console{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);padding:1.25rem;box-shadow:var(--cs-shadow-sm);}
.console-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--cs-gap-sm);margin-bottom:var(--cs-gap-md);flex-wrap:wrap;}
.console-eyebrow{margin:0 0 0.15rem;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--cs-primary);}
.console-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--cs-ink-strong);}
.reset-link{background:none;border:none;color:var(--cs-ink-muted);font-weight:600;cursor:pointer;padding:0.35rem 0.65rem;border-radius:var(--cs-radius-xs);transition:color 0.15s ease,background 0.15s ease;}
.reset-link:hover{color:var(--cs-primary-strong);background:var(--cs-primary-softer);}
.console-grid{display:grid;grid-template-columns:1fr;gap:var(--cs-gap-md);}
.ctrl{display:flex;flex-direction:column;gap:0.5rem;}
fieldset.ctrl{border:0;padding:0;margin:0;min-width:0;}
fieldset.ctrl legend{padding:0;width:100%;float:none;}
.ctrl-label{display:flex;align-items:center;justify-content:space-between;font-size:0.9rem;font-weight:700;color:var(--cs-ink);}
.ctrl-value{background:var(--cs-primary-soft);color:var(--cs-primary-strong);padding:0.15rem 0.6rem;border-radius:999px;font-size:0.8rem;font-weight:700;font-feature-settings:"tnum" 1;min-width:2.25rem;text-align:center;}
.ctrl-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--cs-border);border-radius:999px;outline:none;cursor:pointer;transition:background 0.15s ease;}
.ctrl-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--cs-primary);border:3px solid #fff;box-shadow:0 2px 6px rgba(91,33,182,0.4);cursor:grab;transition:transform 0.15s ease;}
.ctrl-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--cs-primary);border:3px solid #fff;box-shadow:0 2px 6px rgba(91,33,182,0.4);cursor:grab;}
.ctrl-range:hover::-webkit-slider-thumb{transform:scale(1.15);}
.ctrl-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.05);}
.ctrl-range:focus-visible{background:var(--cs-primary-line);}
.range-ticks{display:flex;justify-content:space-between;font-size:0.7rem;font-weight:600;color:var(--cs-ink-faint);padding:0 6px;}
.chip-group{display:flex;flex-wrap:wrap;gap:0.4rem;}
.chip{position:relative;cursor:pointer;}
.chip input{position:absolute;opacity:0;pointer-events:none;}
.chip span{display:inline-flex;align-items:center;gap:0.35rem;padding:0.45rem 0.9rem;border-radius:999px;background:var(--cs-surface-sunken);color:var(--cs-ink);font-size:0.85rem;font-weight:600;border:1px solid transparent;transition:all 0.15s ease;}
.chip:hover span{border-color:var(--cs-primary-line);}
.chip input:checked+span{background:var(--cs-primary);color:#fff;box-shadow:0 6px 14px rgba(91,33,182,0.25);}
.chip input:focus-visible+span{outline:2px solid var(--cs-primary);outline-offset:2px;}
.ctrl-inline{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--cs-gap-md);background:var(--cs-surface-sunken);border-radius:var(--cs-radius-md);padding:0.75rem 1rem;}
.ctrl-color{width:44px;height:44px;border:none;background:none;cursor:pointer;padding:0;border-radius:12px;overflow:hidden;}
.ctrl-color::-webkit-color-swatch-wrapper{padding:0;}
.ctrl-color::-webkit-color-swatch{border:2px solid var(--cs-surface);border-radius:10px;box-shadow:var(--cs-shadow-sm);}
.switch{display:inline-flex;align-items:center;gap:0.6rem;cursor:pointer;}
.switch input{position:absolute;opacity:0;pointer-events:none;}
.switch-track{position:relative;width:40px;height:22px;background:var(--cs-border-strong);border-radius:999px;transition:background 0.2s ease;flex-shrink:0;}
.switch-track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--cs-shadow-sm);transition:transform 0.2s ease;}
.switch input:checked+.switch-track{background:var(--cs-primary);}
.switch input:checked+.switch-track::after{transform:translateX(18px);}
.switch input:focus-visible+.switch-track{outline:2px solid var(--cs-primary);outline-offset:2px;}
.switch-text{font-weight:600;color:var(--cs-ink);font-size:0.9rem;}
.insight-panel{background:linear-gradient(160deg,var(--cs-primary-strong) 0%,#6d28d9 55%,#7c3aed 100%);color:#fff;border-radius:var(--cs-radius-lg);padding:1.5rem;position:relative;overflow:hidden;box-shadow:var(--cs-shadow-lg);}
.insight-panel::before{content:"";position:absolute;inset:auto -40% -60% auto;width:80%;height:120%;background:radial-gradient(closest-side,rgba(249,115,22,0.35),transparent 70%);pointer-events:none;}
.insight-head{display:flex;align-items:center;justify-content:space-between;gap:var(--cs-gap-sm);position:relative;z-index:1;flex-wrap:wrap;margin-bottom:var(--cs-gap-md);}
.insight-title{margin:0;font-size:1.1rem;font-weight:800;color:#fff;}
.insight-title span{color:#fbbf24;}
.insight-tag{background:rgba(255,255,255,0.18);color:#fff;padding:0.3rem 0.7rem;border-radius:999px;font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.25);}
.insight-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--cs-gap-sm);position:relative;z-index:1;}
.insight-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:var(--cs-radius-md);padding:1rem;backdrop-filter:blur(4px);}
.insight-key{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.72);margin-bottom:0.25rem;}
.insight-val{display:block;font-size:1.05rem;font-weight:800;font-feature-settings:"tnum" 1;}
.insight-val sup{font-size:0.6em;}
.insight-note{margin:0.35rem 0 0;font-size:0.85rem;line-height:1.45;color:rgba(255,255,255,0.82);}
.cantor-seo{padding:2rem 0 3rem;margin-top:2rem;}
.seo-head{max-width:var(--cs-max-reading);margin:0 auto 1.75rem;text-align:center;padding:0 0.5rem;}
.seo-head h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:var(--cs-ink-strong);margin:0 0 0.6rem;letter-spacing:-0.01em;}
.seo-head p{color:var(--cs-ink-muted);font-size:1rem;line-height:1.6;margin:0;}
.seo-grid{display:grid;grid-template-columns:1fr;gap:var(--cs-gap-md);margin-bottom:var(--cs-gap-xl);}
.seo-block{background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);padding:1.5rem;box-shadow:var(--cs-shadow-xs);}
.seo-block h3{font-size:1.15rem;font-weight:800;color:var(--cs-ink-strong);margin:0 0 0.9rem;}
.seo-block p{color:var(--cs-ink);line-height:1.65;margin:0 0 0.75rem;font-size:0.95rem;}
.seo-block p:last-child{margin-bottom:0;}
.seo-steps{list-style:none;counter-reset:seoStep;padding:0;margin:0;display:grid;gap:0.75rem;}
.seo-steps li{counter-increment:seoStep;position:relative;padding-left:2.4rem;color:var(--cs-ink);line-height:1.55;font-size:0.95rem;}
.seo-steps li::before{content:counter(seoStep);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:var(--cs-primary);color:#fff;border-radius:50%;font-weight:800;font-size:0.85rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(91,33,182,0.25);}
.seo-dl{margin:0;display:grid;gap:0.6rem;}
.seo-dl dt{font-weight:800;color:var(--cs-primary-strong);font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:0.9rem;}
.seo-dl dd{margin:0.1rem 0 0.5rem;color:var(--cs-ink);line-height:1.55;font-size:0.93rem;}
.bmc-math .cantor-seo .faq-section{margin-top:var(--cs-faq-section-margin-top);}
.bmc-math .cantor-seo .faq-section .faq-card{border-radius:var(--cs-faq-card-radius);border:var(--cs-faq-card-border);padding:var(--cs-faq-card-padding);background:var(--cs-faq-card-bg);box-shadow:var(--cs-faq-card-shadow);}
.bmc-math .cantor-seo .faq-section .faq-header h2{color:var(--cs-faq-title-color);}
.bmc-math .cantor-seo .faq-section .faq-header .text-muted{color:var(--cs-faq-header-desc-color);}
.bmc-math .cantor-seo .faq-section .faq-grid{gap:var(--cs-faq-grid-gap);margin-top:var(--cs-faq-grid-margin-top);}
.bmc-math .cantor-seo .faq-section .faq-grid details{border:var(--cs-faq-item-border);border-radius:var(--cs-faq-item-radius);padding:var(--cs-faq-item-padding);background:var(--cs-faq-item-bg);}
.bmc-math .cantor-seo .faq-section .faq-grid details[open]{background:var(--cs-faq-item-bg-open);border-color:var(--cs-faq-item-border-open);box-shadow:var(--cs-faq-item-shadow-open);}
.bmc-math .cantor-seo .faq-section .faq-grid summary{color:var(--cs-faq-summary-color);font-weight:var(--cs-faq-summary-font-weight);}
.bmc-math .cantor-seo .faq-section .faq-grid p{color:var(--cs-faq-answer-color);margin-top:var(--cs-faq-answer-margin-top);}
.bmc-math .cantor-seo .related-tools-section{margin-top:var(--cs-related-section-margin-top);margin-bottom:var(--cs-related-section-margin-bottom);}
.bmc-math .cantor-seo .position-sticky-lg .related-tools-section{margin-top:var(--cs-related-section-margin-top-sidebar);margin-bottom:var(--cs-related-section-margin-bottom);}
.bmc-math .cantor-seo .related-tools-section .related-links{border-radius:var(--cs-related-card-radius);border:var(--cs-related-card-border);padding:var(--cs-related-card-padding);background:var(--cs-related-card-bg);box-shadow:var(--cs-related-card-shadow);}
.bmc-math .cantor-seo .related-tools-section .related-links ul{gap:var(--cs-related-list-gap);}
.bmc-math .cantor-seo .related-tools-section .related-links a{color:var(--cs-related-link-color);}
.bmc-math .cantor-seo .related-tools-section .related-links a:hover{color:var(--cs-related-link-hover);}
.bmc-math .cantor-seo .related-tools-section .related-links span{color:var(--cs-related-desc-color);font-size:var(--cs-related-desc-font-size);margin-top:var(--cs-related-desc-margin-top);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.visually-updated{animation:csFlash 0.45s ease;}
@keyframes csFlash{0%{background-color:var(--cs-primary-soft);}100%{background-color:transparent;}}
@media (max-width:639px){.cantor-stage .author-meta{flex-direction:column;align-items:flex-start;gap:0.35rem;}}
@media (min-width:576px){.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:768px){.cantor-stage{padding:1.5rem;}.ctrl-span-2{grid-column:span 2;}.stat-strip{grid-template-columns:repeat(5,minmax(0,1fr));}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.seo-grid{grid-template-columns:repeat(1,minmax(0,1fr));}.seo-block-wide{grid-column:1 / -1;}}
@media (min-width:992px){.cantor-stage{padding:1.75rem;}.cantor-lab .console .console-grid{grid-template-columns:1fr;}.cantor-stage .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1200px){.cantor-stage{padding:2rem;}.stage-actions{gap:0.5rem;}.icon-btn{padding:0.55rem 1rem;}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}