.nav-places{align-items:center;gap:2px;min-width:0;display:flex}.nav-place{border-radius:var(--r-sm);transition:background .14s var(--ease);align-items:center;display:flex;position:relative}.nav-place-link{border-radius:var(--r-sm);font-size:var(--fs-15);color:var(--on-dark);white-space:nowrap;transition:color .14s var(--ease), background .14s var(--ease);align-items:center;gap:7px;padding:8px 12px;font-weight:550;text-decoration:none;display:inline-flex}.nav-place.has-menu .nav-place-link{padding-right:2px}.nav-place-toggle{border-radius:var(--r-sm);width:26px;height:36px;color:var(--on-dark-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 6px 0 2px;display:grid}.nav-place-toggle svg{transition:transform .14s var(--ease)}.nav-place:hover,.nav-place.is-open{background:#ffffff12}.nav-place:has(>.nav-place-link.is-current){background:#ffffff12}.nav-place:hover .nav-place-link,.nav-place.is-open .nav-place-link,.nav-place-link.is-current,.nav-place.is-open .nav-place-toggle{color:var(--on-dark)}.nav-place.is-open .nav-place-toggle svg{transform:rotate(180deg)}.nav-place-link:focus-visible,.nav-place-toggle:focus-visible{outline-offset:-2px}.nav-live-dot{background:#3ddc84;border-radius:50%;flex:none;width:7px;height:7px;position:relative;box-shadow:0 0 0 3px #3ddc8429}.nav-live-dot:after{content:"";animation:nav-live-ping 2.4s var(--ease) infinite;background:#3ddc84;border-radius:50%;position:absolute;inset:0}@keyframes nav-live-ping{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.nav-live-dot:after{animation:none;display:none}}.nav-panel{z-index:40;border:1px solid var(--showroom-line);border-radius:var(--r-lg);background:var(--showroom-900);opacity:0;visibility:hidden;width:380px;transition:opacity .12s var(--ease), transform .12s var(--ease), visibility .12s;gap:2px;margin-top:8px;padding:8px;display:grid;position:absolute;top:100%;left:0;transform:translateY(-4px);box-shadow:0 24px 60px #00000080}.nav-panel:before{content:"";height:10px;position:absolute;inset:-10px 0 auto}.nav-place.is-open>.nav-panel{opacity:1;visibility:visible;transform:none}.nav-place.is-wide>.nav-panel{grid-template-columns:repeat(2,minmax(0,1fr));width:640px}.nav-places>.nav-place:nth-last-child(-n+2)>.nav-panel,:lang(es) .nav-places>.nav-place:nth-last-child(3)>.nav-panel{left:auto;right:0}.nav-link{border-radius:var(--r-sm);color:var(--on-dark-2);transition:background .12s var(--ease);align-items:flex-start;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.nav-link:hover,.nav-link[aria-current=page]{background:#ffffff12}.nav-place.is-highlight{border:1px solid color-mix(in srgb, var(--lamp-on-dark) 55%, transparent);background:color-mix(in srgb, var(--lamp-on-dark) 9%, transparent);margin-right:6px}.nav-place.is-highlight .nav-place-link{color:var(--on-dark)}.nav-place.is-highlight .nav-place-link svg{color:var(--lamp-on-dark)}.nav-place.is-highlight:hover{background:color-mix(in srgb, var(--lamp-on-dark) 16%, transparent)}.nav-place.is-highlight:has(>.nav-place-link.is-current){background:color-mix(in srgb, var(--lamp-on-dark) 16%, transparent)}.nav-link-lead{border:1px solid color-mix(in srgb, var(--lamp-on-dark) 55%, transparent);background:color-mix(in srgb, var(--lamp-on-dark) 9%, transparent);grid-column:1/-1}.nav-link-lead:hover,.nav-link-lead[aria-current=page]{background:color-mix(in srgb, var(--lamp-on-dark) 16%, transparent)}.nav-link-lead strong{font-size:1.05em}.nav-link>svg{color:var(--lamp-on-dark);flex:none;margin-top:2px}.nav-link strong{color:var(--on-dark);flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:600;display:flex}.nav-link>span>span{color:var(--on-dark-3);margin-top:2px;font-size:14px;font-weight:450;line-height:1.4;display:block}.nav-heading{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-3);margin:4px 12px 6px;font-size:13px;font-weight:500}.nav-fold{display:none}.nav-fold-button{border-radius:var(--r-sm);font:inherit;font-size:var(--fs-15);color:var(--on-dark-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;font-weight:550;display:inline-flex}.nav-fold:hover .nav-fold-button,.nav-fold.is-open .nav-fold-button,.nav-fold-button.is-current{color:var(--on-dark)}.nav-fold>.nav-panel{width:min(720px, calc(100vw - 2 * var(--landing-gutter,20px)))}.nav-fold-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;display:grid}.nav-fold-grid .nav-link{padding:7px 12px}.nav-more{display:none}.nav-more-button{cursor:pointer;font:inherit;font-size:var(--fs-15);background:0 0;border:0;gap:4px;font-weight:550}@container landing-links (max-width:1010px){.nav-place-link{padding-inline:9px}.nav-place.has-menu .nav-place-link{padding-right:0}.nav-place-toggle{width:20px;padding-inline:2px 4px}}@container landing-links (max-width:940px){.nav-place-link{padding-inline:7px}.nav-place-toggle{width:18px;padding-inline:1px 3px}}@container landing-links (max-width:885px){.nav-place.is-spare{display:none}.nav-more{display:flex}.nav-more .nav-more-button{padding-right:7px}}@container landing-links (max-width:640px){.nav-places{display:none}.nav-fold{display:flex}}.nav-class-link{color:var(--on-dark);gap:7px}.nav-class-count{background:var(--action-600);min-width:20px;height:20px;color:var(--action-ink);border-radius:10px;place-items:center;padding:0 6px;font-size:12px;font-weight:750;line-height:1;display:inline-grid}.nav-fold-class{margin-bottom:8px;font-weight:600}@container landing-links (max-width:640px){.nav-places.has-class{display:none}.nav-places.has-class~.nav-fold{display:flex}}@media (max-width:1366px){.landing-bar{gap:12px}}.rail-place{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.rail-place-link{border-radius:var(--r-sm);min-height:40px;font-size:var(--fs-15);color:var(--rail-text);transition:background .15s var(--ease), color .15s var(--ease);align-items:center;gap:12px;padding:0 12px;font-weight:520;text-decoration:none;display:flex;position:relative}.rail-place-link svg{color:var(--rail-muted);stroke-width:1.8px;flex:none}.rail-place-link:hover{background:var(--rail-hover);color:var(--ink-950)}.rail-place-link.active{background:var(--rail-active);color:var(--ink-950);font-weight:600}.rail-place-link.active svg{color:var(--ink-950)}.rail-place-link.active:before{content:"";background:var(--lamp-500);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:-12px}.rail-place-link .nav-live-dot{margin-left:auto}.rail-place-toggle{border-radius:var(--r-sm);width:40px;height:40px;color:var(--rail-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.rail-place-toggle:hover{background:var(--rail-hover);color:var(--rail-text)}.rail-place-toggle svg{transition:transform .16s var(--ease)}.rail-place.is-open .rail-place-toggle svg{transform:rotate(180deg)}.rail-place-items{border-left:1px solid var(--rail-line);grid-column:1/-1;gap:1px;margin:2px 0 8px 22px;padding-left:10px;display:none}.rail-place.is-open>.rail-place-items{display:grid}.rail-place-items .nav-link{min-height:38px;color:var(--rail-text);align-items:center;gap:10px;padding:6px 10px}.rail-place-items .nav-link>svg{color:var(--rail-muted);margin:0}.rail-place-items .nav-link strong{color:inherit;font-weight:500}.rail-place-items .nav-link:hover,.rail-place-items .nav-link[aria-current=page]{background:var(--rail-hover);color:var(--ink-950)}.rail-place-items .nav-link[aria-current=page] strong{font-weight:620}.rail-small-links{gap:4px 18px;margin:14px 12px 0;font-size:14px;display:flex}.rail-small-links a{min-height:36px;color:var(--rail-muted);align-items:center;padding:0;text-decoration:none;display:inline-flex}.rail-small-links a:hover{color:var(--rail-text)}.rail-collapsed .rail-place{display:block}.rail-collapsed .rail-place-link{justify-content:center;padding:0}.rail-collapsed .rail-place-link .nav-live-dot{width:6px;height:6px;margin:0;position:absolute;top:8px;right:12px}.rail-flyout.nav-panel{top:var(--flyout-top,0);left:calc(var(--rail-collapsed) - 6px);width:340px;margin:0;position:fixed}.rail-flyout.nav-panel:before{width:14px;height:auto;inset:0 auto 0 -14px}.rail-place.is-open>.rail-flyout{opacity:1;visibility:visible;transform:none}.rail-flyout .nav-heading{margin-top:6px}@media (max-width:900px){.rail-place-link{min-height:44px}.rail-place-toggle{width:44px;height:44px}.rail-place-items .nav-link{min-height:42px}}.rail-nav>a.rail-next{border-radius:var(--r-md);background:var(--action-600);min-height:46px;color:var(--action-ink);justify-content:center;margin:0 0 12px;font-weight:620}.rail-nav>a.rail-next svg{color:inherit}.rail-nav>a.rail-next.btn-secondary{border:1px solid var(--showroom-line);color:var(--on-dark);background:0 0}.rail-nav>a.rail-next.btn-secondary:hover{color:var(--on-dark);background:0 0}.rail-nav>a.rail-class{gap:8px;margin-bottom:8px}.rail-nav>a.rail-next:hover{background:var(--action-600);color:var(--action-ink);filter:brightness(1.08)}.topbar-vendor button .pro-tag{vertical-align:middle;margin-left:6px}.landing-bar .topbar-vendor-select{field-sizing:content}.nav-place.is-lit .nav-place-link{color:#3ddc84;text-shadow:0 0 10px #3ddc848c}.nav-alert-led{align-items:center;display:inline-flex}.nav-alert-count{color:#062312;min-width:18px;height:18px;text-shadow:none;animation:nav-alert-glow 2.4s var(--stepped-ease-36,var(--ease)) infinite;background:#3ddc84;border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:750;line-height:1;display:inline-grid;box-shadow:0 0 0 3px #3ddc842e,0 0 12px #3ddc8499}.nav-fold-button .nav-alert-count,.nav-more-button .nav-alert-count{margin-left:6px}.nav-everyone{color:#2a1b00;width:18px;height:18px;text-shadow:none;vertical-align:middle;background:#f2b84b;border-radius:50%;place-items:center;margin-left:4px;display:inline-grid;box-shadow:0 0 0 3px #f2b84b33}@keyframes nav-alert-glow{0%,to{box-shadow:0 0 0 3px #3ddc842e,0 0 12px #3ddc8499}50%{box-shadow:0 0 0 5px #3ddc841a,0 0 18px #3ddc84cc}}@media (prefers-reduced-motion:reduce){.nav-alert-count{animation:none}}.nav-place.tint-gold{--tint:#f2b84b}.nav-place.tint-blue{--tint:#6aa8ff}.nav-place.tint-violet{--tint:#b392ff}.nav-place.tint-green{--tint:var(--lamp-on-dark)}.nav-place.tint-teal{--tint:#3fd6c8}.nav-place[class*=tint-] .nav-place-link svg{color:var(--tint)}.nav-place.tint-gold .nav-place-link{color:color-mix(in srgb, var(--tint) 80%, white)}.nav-place.tint-gold:hover,.nav-place.tint-gold.is-open{background:color-mix(in srgb, var(--tint) 14%, transparent)}.nav-place.tint-gold:has(>.nav-place-link.is-current){background:color-mix(in srgb, var(--tint) 14%, transparent)}.nav-place.has-peek .nav-panel{width:320px}.lb-peek{gap:10px;padding:4px;display:grid}.lb-peek-title{color:var(--on-dark);align-items:center;gap:8px;margin:0;font-weight:650;display:flex}.lb-peek-title svg{color:#f2b84b}.lb-peek-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.lb-peek-list li{border-radius:var(--r-sm);font-size:var(--fs-14,14px);background:#ffffff0a;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.lb-peek-list li.is-you{outline:1px solid color-mix(in srgb, var(--lamp-on-dark) 60%, transparent)}.lb-peek-list li.is-open{color:var(--on-dark-3)}.lb-peek-place{background:#ffffff14;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.lb-peek-place.place-1{color:#1b1405;background:#f2b84b}.lb-peek-place.place-2{color:#12161b;background:#c9d1db}.lb-peek-place.place-3{color:#1d1007;background:#d08a52}.lb-peek-name{text-overflow:ellipsis;white-space:nowrap;color:var(--on-dark);overflow:hidden}.lb-peek-xp{font-variant-numeric:tabular-nums;color:var(--on-dark-2)}.lb-peek-you,.lb-peek-note{font-size:var(--fs-14,14px);color:var(--on-dark-2);margin:0}.lb-peek-link{color:#f2b84b;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.lb-peek-link:hover{text-decoration:underline}
.landing-shell .page-content:has(>.mp){max-width:none;padding:0}.mp{padding-bottom:clamp(72px,8vw,128px)}.mp a{text-decoration:none}.mp-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lamp-on-dark);font-size:13px}.mp-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-500);font-size:13px}.mp-hero{isolation:isolate;background:radial-gradient(44% 64% at 74% 38%, #ffffff1a, transparent 72%), linear-gradient(180deg, var(--showroom-800), var(--showroom-950) 84%);color:var(--on-dark-2);position:relative;overflow:hidden}.mp-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%);mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%)}.mp-crumbs{justify-content:space-between;align-items:baseline;gap:16px;padding-top:clamp(18px,1.8vw,28px);display:flex}.mp-crumbs .problem-link{color:var(--on-dark-3)}.mp-crumbs .problem-link:hover{color:var(--on-dark)}.mp-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(32px,4.4vw,88px);padding-block:clamp(4px,.8vw,16px) clamp(26px,2.8vw,52px);display:grid}.mp-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.mp-back{font-size:var(--fs-15);color:var(--on-dark-3);transition:color .16s var(--ease);align-items:center;gap:7px;font-weight:600;display:inline-flex}.mp-back:hover{color:var(--on-dark)}.mp-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lamp-on-dark);font-size:13px}.mp .mp-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--on-dark);text-wrap:balance;margin:14px 0 0;font-size:clamp(46px,5.2vw,88px);font-weight:400;line-height:.96}.mp-sub{color:var(--on-dark);margin:clamp(16px,1.6vw,24px) 0 0;font-size:clamp(19px,1.5vw,23px);font-weight:560;line-height:1.35}.mp-objective{max-width:36em;font-size:var(--fs-17);color:var(--on-dark-2);text-wrap:pretty;margin:12px 0 0;line-height:1.65}.mp-start,.mp-lock{margin-top:clamp(24px,2.4vw,36px)}.mp-payments-soon{max-width:52ch;color:var(--ink-2,inherit);margin:0;font-size:15px;line-height:1.5}.mp-actions{flex-wrap:wrap;gap:12px;display:flex}.mp-reassure{max-width:36em;font-size:var(--fs-15);color:var(--on-dark-3);align-items:flex-start;gap:9px;margin:16px 0 0;line-height:1.5;display:flex}.mp-reassure svg{color:var(--lamp-on-dark);flex:none;margin-top:2px}.mp-beginner-escape{max-width:44em;color:var(--on-dark-2);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:10px;margin:14px 0 0;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.mp-beginner-escape svg{color:var(--lamp-on-dark);flex:none;margin-top:2px}.mp-beginner-escape a{color:var(--lamp-on-dark);text-underline-offset:3px;font-weight:500;text-decoration:underline}.mp-beginner-escape a:hover{color:#fff}.mp-safety-note{max-width:36em;font-size:var(--fs-15);color:var(--on-dark-2);background:#f3c46b12;border:1px solid #f3c46b4d;border-radius:12px;align-items:flex-start;gap:10px;margin:16px 0 0;padding:12px 14px;line-height:1.5;display:flex}.mp-safety-note svg{color:#f3c46b;flex:none;margin-top:2px}.mp-safety-note strong{color:var(--on-dark)}.mp-lock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(90% 140% at 0 0,#f3c46b1a,#0000 60%),#16191ec7;border:1px solid #f3c46b4d;border-radius:20px;gap:18px;width:100%;max-width:640px;padding:clamp(20px,2vw,26px);display:grid;box-shadow:0 30px 60px -36px #000000d9}.mp-lock-head{align-items:center;gap:16px;display:flex}.mp-lock-head>div{gap:4px;display:grid}.mp-lock-head strong{font-size:var(--fs-19);color:var(--on-dark);align-items:center;gap:8px;display:inline-flex}.mp-lock-head strong svg{color:#f3c46b}.mp-lock-head span{color:var(--on-dark-2);line-height:1.5}.mp-lock-meter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-3);align-items:center;gap:14px;font-size:13px;display:flex}.mp-lock-meter .meter{box-shadow:none;background:#ffffff1a;flex:1}.mp-lock-meter .meter>span{background:linear-gradient(90deg,#c9952f,#f3c46b);box-shadow:0 0 12px #f3c46b73}.mp-stage{grid-template-columns:minmax(0,1fr);gap:clamp(8px,1vw,16px);min-width:0;margin:0;display:grid}.mp-rig{aspect-ratio:16/10;position:relative}.mp-rig:before{content:"";background:radial-gradient(closest-side,#ffffff1c,#0000);border-radius:50%;position:absolute;inset:34% 8% 2%}.mp-rig img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.mp-rig-chip{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--fs-15);color:#f3c46b;background:#16191ec7;border:1px solid #f3c46b61;align-items:center;gap:7px;padding:6px 13px;font-weight:600;display:inline-flex;position:absolute;top:6%;right:6%}.mp-rig-chip.done{color:var(--lamp-on-dark);border-color:#6fe0a066}.replay{--label:9.6em;--value:5.4em;--gap:14px;--sig-in:#8ab4ff;--sig-out:var(--lamp-on-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-15);color:var(--on-dark-2);background:#16191fe6;border:1px solid #ffffff1f;border-radius:16px;padding:16px 18px 14px;position:relative;box-shadow:0 28px 50px -26px #000000d9}.replay-head{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:6px;display:flex}.replay-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-3);align-items:center;gap:9px;font-size:12px;display:inline-flex}.replay-kicker i{background:var(--lamp-on-dark);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6fe0a029,0 0 12px #6fe0a08c}.replay[data-live] .replay-kicker i{animation:1.6s step-end infinite replay-blink}@keyframes replay-blink{50%{opacity:.35}}.replay-pick{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-2);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.replay-pick>span{text-align:center;min-width:10ch}.replay-pick button{width:30px;height:30px;color:var(--on-dark-2);cursor:pointer;transition:border-color .16s var(--ease), color .16s var(--ease);background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;place-items:center;padding:0;display:grid}.replay-pick button:hover{color:var(--on-dark);border-color:#ffffff52}.replay-name{min-width:0;font-size:var(--fs-15);color:var(--on-dark);flex:240px;margin:0;font-weight:600;line-height:1.35}.replay-plot{display:grid;position:relative}.replay-row{grid-template-columns:var(--label) minmax(0, 1fr) var(--value);align-items:center;gap:var(--gap);min-height:36px;display:grid}.replay-row+.replay-row{border-top:1px solid #ffffff0d}.replay-row.input{--sig:var(--sig-in)}.replay-row.output{--sig:var(--sig-out)}.replay-signal{min-width:0;display:grid}.replay-signal code,.replay-signal small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-signal code{font-family:var(--font-mono);color:var(--on-dark);background:0 0;padding:0;font-size:14px}.replay-signal small{color:var(--on-dark-3);font-size:12.5px}.replay-row svg{width:100%;height:28px;overflow:visible}.replay-line{fill:none;stroke:var(--sig);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px var(--sig))}.replay-area{fill:var(--sig);opacity:.16}.replay-line.ahead{stroke:#ffffff29;filter:none}.replay-area.ahead{fill:#ffffff08;opacity:1}.replay-value{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--on-dark-3);align-items:center;gap:8px;font-size:13.5px;display:inline-flex;overflow:hidden}.replay-value i{border:1px solid #ffffff47;border-radius:50%;flex:none;width:9px;height:9px}.replay-value.on{color:var(--on-dark)}.replay-value.on i{background:var(--sig);box-shadow:0 0 10px var(--sig);border-color:#0000}.replay-edge,.replay-cursor{top:0;bottom:0;left:calc(var(--label) + var(--gap) + (100% - var(--label) - var(--value) - 2 * var(--gap)) * var(--x));pointer-events:none;width:1px;position:absolute}.replay-edge{background:#ffffff12}.replay-cursor{--x:var(--at);background:#fff9;transition:left 50ms linear;box-shadow:0 0 10px #ffffff73}.replay-cursor:before{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:-4px;box-shadow:0 0 10px #ffffffb3}.replay-foot{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.replay-key{color:var(--on-dark-3);flex-wrap:wrap;gap:6px 18px;display:inline-flex}.replay-key span{align-items:center;gap:8px;display:inline-flex}.replay-key span:before{content:"";background:var(--sig-in);width:14px;height:2px;box-shadow:0 0 6px var(--sig-in);border-radius:1px}.replay-key .output:before{background:var(--sig-out);box-shadow:0 0 6px var(--sig-out)}.replay-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-2)}.mp-specs-band{border-top:1px solid var(--showroom-line);background:#0000002e}.mp-specs{grid-auto-columns:auto;grid-auto-flow:column;margin-block:0;display:grid}.mp-specs>div{border-left:1px solid var(--showroom-line);min-width:0;padding:18px clamp(14px,1.6vw,26px)}.mp-specs>div:first-child{border-left:0;padding-left:0}.mp-specs dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-3);font-size:12px}.mp-specs dd{font-size:var(--fs-16);color:var(--on-dark);align-items:center;gap:6px;margin:6px 0 0;font-weight:600;line-height:1.35;display:flex}.mp-body{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:clamp(40px,5vw,104px);margin-top:clamp(56px,6vw,104px);display:grid}.mp-main{gap:clamp(56px,6vw,96px);min-width:0;display:grid}.mp-section h2,.mp-next h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:10px 0 0;font-size:clamp(36px,3.4vw,54px);font-weight:400;line-height:1.02}.mp-section>p{max-width:68ch;font-size:var(--fs-17);color:var(--ink-700);margin:18px 0 0;line-height:1.65}.mp-section>p+p{margin-top:12px}.mp-section .site-context{background:var(--bg-900);border-radius:16px;margin-top:24px;padding:18px 20px}.mp-report{border:1px solid var(--warn-border);background:radial-gradient(80% 140% at 0% 0%, #f3c46b1a, transparent 60%), var(--bg-900);border-radius:18px;margin:0;padding:clamp(22px,2.4vw,32px)}.mp-report figcaption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warn-700);align-items:center;gap:10px;font-size:13px;display:flex}.mp-report figcaption i{background:var(--warn-700);width:8px;height:8px;box-shadow:0 0 10px var(--warn-700);border-radius:50%}.mp-report blockquote{font-family:var(--font-serif);color:var(--ink-950);text-wrap:pretty;margin:14px 0 0;font-size:clamp(24px,2.1vw,32px);line-height:1.3}.mp-checks{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.mp-checks li{border:1px solid var(--line-200);background:var(--bg-900);font-size:var(--fs-17);color:var(--ink-900);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:16px 20px;line-height:1.55;display:grid}.mp-check-id{min-width:40px;height:28px;font-family:var(--font-mono);color:var(--lamp-on-dark);background:#6fe0a014;border:1px solid #6fe0a059;border-radius:8px;place-items:center;padding:0 8px;font-size:13px;display:grid}.mp-how{counter-reset:how;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:28px 0 0;padding:0;list-style:none;display:grid}.mp-how li{border-top:2px solid var(--line-300);font-size:var(--fs-15);color:var(--ink-600);counter-increment:how;padding-top:16px;line-height:1.55}.mp-how li:before{content:counter(how, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-500);margin-bottom:8px;font-size:12px;display:block}.mp-how strong{font-size:var(--fs-16);color:var(--ink-950);margin-bottom:2px;display:block}.mp-tags-wrap{border:1px solid var(--line-200);background:var(--bg-900);border-radius:14px;margin:26px 0 0;overflow:hidden;container-type:inline-size}.mp-tags{border-collapse:collapse;width:100%;font-size:var(--fs-15);color:var(--ink-900);line-height:1.5}.mp-tags th,.mp-tags td{text-align:left;vertical-align:top;border-top:1px solid var(--line-200);padding:12px 16px}.mp-tags thead th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);background:var(--bg-800);border-top:0;font-size:13px;font-weight:400}.mp-tags tbody th{font-weight:400}.mp-tags code{font-family:var(--font-mono);font-size:var(--fs-15);color:var(--ink-950);overflow-wrap:break-word}.mp-tags td:nth-child(2) code{color:var(--ink-700)}.mp-tag-use{border:1px solid var(--line-300);font-family:var(--font-mono);color:var(--ink-700);border-radius:6px;padding:1px 8px;font-size:13px;display:inline-block}.mp-tag-write .mp-tag-use{color:var(--ok-700);background:#6fe0a01a;border-color:#6fe0a073}.mp-tag-try .mp-tag-use{border-color:var(--warn-border);background:var(--warn-100);color:var(--warn-700)}.mp-tags td small{color:var(--ink-500);margin-top:4px;font-size:13px;line-height:1.4;display:block}.mp-section>p.mp-tags-note{font-size:var(--fs-15);color:var(--ink-600);margin-top:14px}.mp-tags-note code{font-family:var(--font-mono);color:var(--ink-900)}@container (max-width:560px){.mp-tags thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mp-tags tr{border-top:1px solid var(--line-200);grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px;display:grid}.mp-tags tbody tr:first-child{border-top:0}.mp-tags th,.mp-tags td{border:0;padding:0}.mp-tags td:nth-child(2){text-align:right}.mp-tags td:nth-child(3),.mp-tags td:nth-child(4){grid-column:1/-1}.mp-tags td:nth-child(3){flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.mp-tags td:nth-child(3) small{margin-top:0}}.mp-aside{gap:16px;display:grid;position:sticky;top:88px}.mp-card{border:1px solid var(--line-200);background:var(--bg-900);border-radius:18px;padding:clamp(20px,2vw,26px)}.mp-card h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink-950);margin:8px 0 0;font-size:30px;font-weight:400;line-height:1.08}.mp-card>p{font-size:var(--fs-15);color:var(--ink-600);margin:10px 0 0;line-height:1.55}.mp-stage-list,.mp-lessons{margin:16px 0 0;padding:0;list-style:none;display:grid}.mp-stage-list{gap:4px}.mp-stage-list a,.mp-stage-list .here{font-size:var(--fs-15);color:var(--ink-800);transition:background-color .16s var(--ease);border-radius:10px;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:grid}.mp-stage-list a svg{color:var(--ink-500)}.mp-stage-list a:hover{background:var(--bg-800);color:var(--ink-950)}.mp-stage-list .here{color:var(--ink-950);background:#6fe0a014;box-shadow:inset 0 0 0 1px #6fe0a04d}.mp-stage-list .here .mp-num{color:var(--lamp-on-dark)}.mp-stage-list em{font-family:var(--font-mono);color:var(--lamp-on-dark);font-size:12px;font-style:normal}.mp-lessons{gap:8px}.mp-lessons a{border:1px solid var(--line-200);background:var(--bg-850);color:var(--ink-950);transition:border-color .16s var(--ease);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;font-weight:600;line-height:1.4;display:grid}.mp-lessons a:hover{border-color:var(--line-input)}.mp-lessons svg{color:var(--lamp-on-dark);margin-top:1px}.mp-lessons small{font-size:var(--fs-15);color:var(--ink-500);margin-top:3px;font-weight:400;display:block}.mp-next{margin-top:clamp(80px,8vw,136px)}.mp-next ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:clamp(26px,3vw,40px) 0 0;padding:0;list-style:none;display:grid}.mp-next a{border:1px solid var(--showroom-line);background:linear-gradient(180deg, var(--showroom-800), var(--showroom-900));height:100%;color:var(--on-dark);transition:transform .26s var(--ease-out), border-color .26s var(--ease), box-shadow .26s var(--ease);border-radius:20px;flex-direction:column;gap:6px;padding-bottom:20px;display:flex;overflow:hidden}.mp-next a:hover{border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 26px 50px -30px #000000e6}.mp-next-thumb{aspect-ratio:16/10;margin-bottom:8px;display:block;position:relative;overflow:hidden}.mp-next-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .52s var(--ease-out)}.mp-next a:hover .mp-next-thumb img{transform:scale(1.04)}.mp-next-thumb .mp-num{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--on-dark-2);background:#0f11159e;border:1px solid #ffffff29;padding:2px 10px;position:absolute;top:12px;left:12px}.mp-next a>strong,.mp-next a>span:not(.mp-next-thumb),.mp-next a>small{padding-inline:20px}.mp-next a>strong{font-size:var(--fs-17);font-weight:650;line-height:1.3}.mp-next a>span:not(.mp-next-thumb){font-size:var(--fs-15);color:var(--on-dark-3);line-height:1.45}.mp-next a>small{font-family:var(--font-mono);color:var(--lamp-on-dark);margin-top:auto;padding-top:8px;font-size:13px}@media (max-width:1240px){.mp-specs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.mp-specs>div{border-top:1px solid var(--showroom-line)}.mp-specs>div:nth-child(-n+4){border-top:0}.mp-specs>div:nth-child(4n+1){border-left:0;padding-left:0}}@media (max-width:1000px){.mp-hero-grid{grid-template-columns:minmax(0,1fr);row-gap:36px}.mp-body{grid-template-columns:minmax(0,1fr)}.mp-aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;position:static}.mp-next ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mp-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-specs>div:nth-child(-n+4){border-top:1px solid var(--showroom-line)}.mp-specs>div:nth-child(-n+2){border-top:0}.mp-specs>div:nth-child(4n+1){border-left:1px solid var(--showroom-line);padding-left:clamp(14px,1.6vw,26px)}.mp-specs>div:nth-child(odd){border-left:0;padding-left:0}.mp-actions .btn{white-space:normal;width:100%}.mp-how,.mp-next ul{grid-template-columns:minmax(0,1fr)}.mp-how{gap:18px}.replay{--label:7.4em;--value:4.4em;--gap:10px;padding:14px}}@media (prefers-reduced-motion:reduce){.replay-cursor,.mp-next a,.mp-next-thumb img{transition:none}}
.landing-shell .page-content:has(>.ch){max-width:none;padding:0}.ch{padding-bottom:clamp(72px,8vw,128px)}.ch a{text-decoration:none}.ch-hero{isolation:isolate;background:radial-gradient(44% 70% at 78% 40%, #ffffff17, transparent 72%), linear-gradient(180deg, var(--showroom-800), var(--showroom-950) 84%);color:var(--on-dark-2);position:relative;overflow:hidden}.ch-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%);mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%)}.ch-tabs{padding-top:clamp(18px,1.8vw,28px)}.ch-tabs .section-tabs{margin:0}.ch-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,4.4vw,88px);padding-block:clamp(28px,3.4vw,56px) clamp(40px,4.4vw,72px);display:grid}.ch-intro{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.ch .ch-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--on-dark);text-wrap:balance;margin:14px 0 0;font-size:clamp(46px,5.6vw,92px);font-weight:400;line-height:.96}.ch-lede{max-width:34em;color:var(--on-dark-2);text-wrap:pretty;margin:clamp(16px,1.6vw,24px) 0 0;font-size:clamp(17px,1.3vw,20px);line-height:1.6}.ch-stats{grid-template-columns:repeat(4,minmax(0,auto));gap:0;margin:clamp(24px,2.4vw,36px) 0 0;display:grid}.ch-stats>div{border-left:1px solid var(--showroom-line);padding:2px clamp(16px,1.8vw,28px)}.ch-stats>div:first-child{border-left:0;padding-left:0}.ch-stats dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-3);font-size:12px}.ch-stats dd{font-variant-numeric:tabular-nums;color:var(--on-dark);white-space:nowrap;align-items:center;gap:6px;margin:6px 0 0;font-size:clamp(20px,1.7vw,26px);font-weight:650;display:flex}.ch-stats dd svg{color:#ffb057}.ch-join{max-width:36em;font-size:var(--fs-15);color:var(--on-dark-3);margin:22px 0 0;line-height:1.6}.ch-join .text-button{color:var(--lamp-on-dark)}.ch-daily{border:1px solid var(--showroom-line);min-width:0;color:var(--on-dark-2);transition:transform .22s var(--ease), border-color .22s var(--ease);background:radial-gradient(70% 60% at 50% 30%,#ffffff12,#0000 70%),#ffffff08;border-radius:22px;gap:10px;padding:clamp(18px,1.8vw,26px);display:grid;position:relative;box-shadow:0 30px 80px #00000059}.ch-daily-locked .ch-daily-rig img{filter:grayscale(.85)brightness(.7)}.ch-daily-locked>strong,.ch-daily-locked .ch-daily-sub{opacity:.72}a.ch-daily:hover{border-color:#6fe0a066;transform:translateY(-3px)}.ch-daily-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lamp-on-dark);align-items:center;gap:9px;font-size:12.5px;display:inline-flex}.ch-daily-kicker i{background:var(--lamp-on-dark);width:8px;height:8px;box-shadow:0 0 12px var(--lamp-on-dark);animation:ch-lamp 2.4s var(--stepped-in-out-36,ease-in-out) infinite;border-radius:50%}@keyframes ch-lamp{50%{opacity:.45;box-shadow:0 0 4px var(--lamp-on-dark)}}.ch-daily-rig{aspect-ratio:16/9;background:#00000038;border-radius:14px;max-width:100%;display:block;overflow:hidden}.ch-daily-rig img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}a.ch-daily:hover .ch-daily-rig img{transform:scale(1.03)}.ch-daily>strong{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--on-dark);margin-top:4px;font-size:clamp(28px,2.4vw,38px);font-weight:400;line-height:1.05}.ch-daily-sub{font-size:var(--fs-16);line-height:1.5}.ch-daily-meta{font-size:var(--fs-15);color:var(--on-dark-3);flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.ch-daily-foot{font-size:var(--fs-15);color:var(--on-dark-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin-top:6px;display:flex}.ch-daily-waiting{align-content:start;min-height:320px}.ch-level{white-space:nowrap;color:var(--ink-900);align-items:center;gap:7px;font-weight:600;display:inline-flex}.ch-hero .ch-level,.mp-hero .ch-level{color:var(--on-dark)}.ch-level i{background:var(--lamp-on-dark);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #6fe0a029}.ch-level.medium i{background:var(--warn-700);box-shadow:0 0 0 3px var(--warn-100)}.ch-level.hard i{background:var(--fault-700);box-shadow:0 0 0 3px var(--fault-100)}.ch-rate{font-family:var(--font-mono);font-size:var(--fs-15);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-800)}.ch-rate.new{color:var(--ink-500)}.ch-body{padding-top:clamp(28px,3vw,48px)}.ch-filters{flex-wrap:wrap;gap:12px 28px;margin-bottom:22px;display:flex}.ch-filter{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.ch-filter>span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin-right:6px;font-size:12px}.ch-filter button{border:1px solid var(--line-300);border-radius:var(--r-pill);font-size:var(--fs-15);color:var(--ink-700);transition:background .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease);background:0 0;padding:7px 13px;font-weight:600}.ch-filter button:hover{color:var(--ink-950);border-color:var(--line-input)}.ch-filter button[aria-pressed=true]{background:var(--ink-950);border-color:var(--ink-950);color:var(--bg-950)}.ch-list{border:1px solid var(--line-200);background:var(--bg-900);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.ch-list-head,.ch-row{grid-template-columns:3em minmax(0,1fr) minmax(8.5em,10em) 6.6em minmax(6.4em,7.4em) 6.4em;align-items:center;gap:18px;padding:14px clamp(16px,1.8vw,26px);display:grid}.ch-meta{display:contents}.ch-list-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);background:var(--bg-950);padding-block:12px;font-size:12px}.ch-row{border-top:1px solid var(--line-200);color:var(--ink-900);transition:background .16s var(--ease)}.ch-row:hover{background:var(--bg-800)}.ch-row:focus-visible{outline:2px solid var(--lamp-on-dark);outline-offset:-2px}.ch-num{font-family:var(--font-mono);font-size:var(--fs-15);font-variant-numeric:tabular-nums;color:var(--ink-500)}.ch-name{gap:2px;min-width:0;display:grid}.ch-name strong{font-size:var(--fs-17);color:var(--ink-950);font-weight:650}.ch-name small{font-size:var(--fs-15);color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ch-kind{font-size:var(--fs-15);color:var(--ink-700)}.ch-plan{justify-content:flex-end;display:flex}.ch-free,.ch-today,.ch-solved{border-radius:var(--r-pill);font-size:var(--fs-15);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-weight:650;display:inline-flex}.ch-free{color:var(--lamp-on-dark);border:1px solid #6fe0a059}.ch-today{border:1px solid var(--warn-border);background:var(--warn-100);color:var(--warn-700)}.ch-solved{color:var(--lamp-on-dark)}.ch-row.solved .ch-name strong{color:var(--ink-800)}.ch-empty{color:var(--ink-600);margin:18px 0 0}.ch-lower{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:clamp(32px,4vw,72px);margin-top:clamp(56px,6vw,96px);display:grid}.ch-lower h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:10px 0 0;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.04}.ch-lower .mp-kicker{align-items:center;gap:7px;display:inline-flex}.ch-kind-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.ch-kind-card{border:1px solid var(--line-200);background:var(--bg-900);border-radius:14px;align-content:start;gap:8px;padding:18px;display:grid}.ch-kind-card strong{font-size:var(--fs-17);color:var(--ink-950)}.ch-kind-card p{font-size:var(--fs-15);color:var(--ink-700);margin:0;line-height:1.55}.ch-kind-card small{font-family:var(--font-mono);color:var(--ink-500);font-size:12.5px}.ch-safety{border:1px solid var(--warn-border);background:var(--warn-100);font-size:var(--fs-15);color:var(--ink-900);border-radius:14px;align-items:flex-start;gap:12px;margin:18px 0 0;padding:14px 16px;line-height:1.55;display:flex}.ch-safety svg{color:var(--warn-700);flex:none;margin-top:2px}.mp-section>.ch-safety{max-width:68ch}.ch-levels-note{max-width:64ch;font-size:var(--fs-15);color:var(--ink-600);margin:16px 0 0;line-height:1.6}.ch-levels-note a{color:var(--ink-950);text-underline-offset:3px;text-decoration:underline}.ch-board-teaser{border:1px solid var(--line-200);background:var(--bg-900);border-radius:18px;gap:14px;padding:clamp(20px,2vw,28px);display:grid}.ch-board-teaser h2{margin-top:0}.ch-board-teaser .btn{justify-self:start}.ch-board-mini{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ch-board-mini li{border-radius:10px;grid-template-columns:2em minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.ch-board-mini li:nth-child(odd){background:var(--bg-950)}.ch-board-mini li.you,.ch-board tr.you td{background:#6fe0a014}.ch-rank{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-500)}.ch-user{color:var(--ink-950);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.ch-points{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-900)}.ch-board-empty{color:var(--ink-600);margin:0}.ch-page .mp-specs dd .ch-rate{color:var(--on-dark)}.ch-page .mp-specs dd .ch-rate.new{color:var(--on-dark-3)}.ch-daily-hint{margin-top:14px}.ch-rules{gap:10px;margin:22px 0 0;display:grid}.ch-rules>div{border:1px solid var(--line-200);background:var(--bg-900);border-radius:14px;grid-template-columns:minmax(7em,11em) minmax(0,1fr);gap:16px;padding:14px 18px;display:grid}.ch-rules dt{color:var(--ink-950);font-weight:700}.ch-rules dd{color:var(--ink-700);margin:0;line-height:1.55}.ch-hero-slim .hp-wrap{flex-direction:column;align-items:flex-start;padding-block:clamp(20px,2vw,30px) clamp(36px,4vw,60px);display:flex}.ch-hero-slim .mp-eyebrow{align-items:center;gap:7px;margin-top:clamp(22px,2.4vw,36px);display:inline-flex}.ch-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ch-board-head .ch-filter button[aria-pressed=true]{background:var(--ink-950)}.ch-board-note{color:var(--ink-700);margin:0 0 14px}.ch-board-note a{color:var(--lamp-on-dark);font-weight:650}.ch-board-wrap{border:1px solid var(--line-200);background:var(--bg-900);border-radius:18px;overflow-x:auto}.ch-board{border-collapse:collapse;width:100%;font-size:var(--fs-16)}.ch-board th{font-family:var(--font-mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;color:var(--ink-500);background:var(--bg-950);padding:12px 18px;font-size:12px;font-weight:500}.ch-board td{border-top:1px solid var(--line-200);padding:13px 18px}.ch-board .ch-points{text-align:left}.ch-streak{font-variant-numeric:tabular-nums;color:var(--ink-700);align-items:center;gap:5px;display:inline-flex}.ch-streak svg{color:#ffb057}.ch-you{border-radius:var(--r-pill);background:var(--lamp-tint);font-family:var(--font-mono);color:var(--lamp-on-dark);margin-left:10px;padding:2px 8px;font-size:13px;font-weight:500}.ch-board-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.ch-board-foot p{color:var(--ink-600);margin:0}.ch-hide{cursor:pointer;align-items:flex-start;gap:12px;max-width:34em;display:inline-flex}.ch-hide input{border:1px solid var(--line-input);border-radius:var(--r-pill);background:var(--bg-950);appearance:none;cursor:pointer;width:40px;height:24px;transition:background .16s var(--ease);flex:none;margin:1px 0 0;position:relative}.ch-hide input:after{content:"";background:var(--ink-600);width:16px;height:16px;transition:transform .16s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.ch-hide input:checked{background:var(--lamp-500);border-color:var(--lamp-500)}.ch-hide input:checked:after{background:#fff;transform:translate(16px)}.ch-hide input:focus-visible{outline:2px solid var(--lamp-on-dark);outline-offset:2px}.ch-hide span{gap:2px;display:grid}.ch-hide strong{color:var(--ink-950)}.ch-hide small{font-size:var(--fs-15);color:var(--ink-600);line-height:1.5}.ch-progress{justify-items:start;gap:14px;display:grid}.ch-progress h2,.ch-progress p{margin:0}@media (max-width:1100px){.ch-list-head,.ch-row{grid-template-columns:2.6em minmax(0,1fr) minmax(7.5em,9em) 6.2em minmax(6em,7em) 5.8em;gap:12px}}@media (max-width:960px){.ch-hero-grid,.ch-lower{grid-template-columns:minmax(0,1fr)}.ch-list-head{display:none}.ch-row{grid-template-columns:2.4em minmax(0,1fr) auto;grid-template-areas:"num name plan"".meta meta";row-gap:8px}.ch-num{grid-area:num;align-self:start;padding-top:3px}.ch-name{grid-area:name}.ch-plan{grid-area:plan;align-self:start}.ch-meta{flex-wrap:wrap;grid-area:meta;align-items:center;gap:6px 16px;display:flex}.ch-name small{white-space:normal}}@media (max-width:640px){.ch-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}.ch-stats>div:nth-child(3){border-left:0;padding-left:0}.ch-kind-cards{grid-template-columns:minmax(0,1fr)}.ch-filters{gap:10px}.ch-rules>div{grid-template-columns:minmax(0,1fr);gap:4px}.ch-daily-foot .btn{width:100%}.ch-board td,.ch-board th{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.ch-daily,.ch-daily-rig img,.ch-filter button,.ch-row{transition:none}.ch-daily-kicker i{animation:none}}.xp-rank{color:var(--on-dark-2);white-space:nowrap}.hp-xp-board .xp-rank span{display:none}.hp-xp-board .ch-user{white-space:normal;overflow-wrap:anywhere}@media (max-width:560px){.xp-rank span{display:none}.xp-board th,.xp-board td{padding-inline:10px}.xp-board .ch-user{white-space:normal;overflow-wrap:anywhere}.hp-xp-board .xp-board th:nth-child(3),.hp-xp-board .xp-rank{display:none}}@media (max-width:340px){.xp-board th,.xp-board td{padding-inline:7px}}.xp-open td{color:var(--on-dark-3)}.xp-earn{margin-top:40px}.xp-earn h2{color:var(--on-dark);margin:0 0 14px}.xp-earn dl{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:0;display:grid}.xp-earn dl div{border-radius:var(--r-md);border:1px solid #ffffff1f;padding:10px 14px}.xp-earn dt{font-size:var(--fs-15);color:var(--on-dark-2)}.xp-earn dd{color:var(--on-dark);margin:2px 0 0;font-weight:650}.xp-earn p{color:var(--on-dark-2);margin:14px 0 0}@media (min-width:980px){.ch-hero-slim>.hp-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:clamp(32px,5vw,96px);display:grid}.ch-hero-slim>.hp-wrap>*{grid-column:1}.ch-hero-slim>.hp-wrap>.ch-stats{grid-area:1/2/span 4;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:12px;margin:0}.ch-hero-slim .ch-stats>div,.ch-hero-slim .ch-stats>div:first-child{border:1px solid var(--showroom-line);background:#ffffff08;border-radius:14px;padding:18px 20px}.ch-hero-slim .ch-stats dd{font-size:clamp(26px,2.2vw,34px)}}.chl{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:clamp(20px,2.4vw,36px);padding-bottom:clamp(48px,5vw,88px);display:grid}.chl-board,.chl-card{border:1px solid var(--showroom-line);background:linear-gradient(#ffffff0a,#ffffff04);border-radius:18px}.chl-board{padding:clamp(18px,2vw,28px)}.chl-board .ch-board-head{margin-bottom:14px}.chl-empty-lead{color:var(--on-dark-2);margin:4px 0 14px}.chl-open{gap:8px;margin:0;padding:0;list-style:none;display:grid}.chl-open li{color:var(--on-dark-3);border:1px dashed #ffffff1f;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex}.chl-open li.top{background:#f2c44c0d;border-style:solid;border-color:#f2c44c38}.chl-place{width:32px;height:32px;font-family:var(--font-mono);color:var(--on-dark-2);background:#ffffff0f;border-radius:10px;place-items:center;font-weight:700;display:grid}.chl-open li.place-1 .chl-place{color:#1a1305;background:#f2c44c}.chl-open li.place-2 .chl-place{color:#11161a;background:#cfdbe3}.chl-open li.place-3 .chl-place{color:#1a0f05;background:#e09a5f}.chl-side{gap:14px;display:grid;position:sticky;top:96px}.chl-card{justify-items:start;gap:10px;padding:22px;display:grid}.chl-card p{color:var(--on-dark-2);margin:0;line-height:1.55}.chl-today{background:radial-gradient(120% 90% at 100% 0,#3fd98a1f,#0000 60%),linear-gradient(#ffffff0a,#ffffff04);border-color:#3fd98a59}.chl-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#5ee6a0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.chl-today h2{color:var(--on-dark);margin:0;font-size:clamp(22px,1.8vw,28px);line-height:1.15}.chl-meta{font-family:var(--font-mono);font-size:13px}.chl-today .btn{margin-top:6px}.chl-more{color:var(--on-dark-2);font-size:14px}.chl-links{gap:14px}.chl-links>a{color:var(--on-dark);align-items:center;gap:8px;font-weight:600;display:inline-flex}@media (max-width:960px){.chl{grid-template-columns:minmax(0,1fr)}.chl-side{position:static}}
.cmp-hero-grid{padding-bottom:clamp(48px,5vw,80px)}.cmp-caption{font-size:var(--fs-15);color:var(--on-dark-2);margin-top:12px;line-height:1.5}.cmp-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.cmp-pick{border:1px solid var(--line-200);background:var(--bg-900);border-radius:16px;padding:20px 22px}.cmp-pick-us{border-color:#6fe0a073}.cmp-pick h3{font-size:var(--fs-17);color:var(--ink-950);margin:0}.cmp-pick ul{font-size:var(--fs-16);color:var(--ink-700);gap:10px;margin:14px 0 0;padding-left:1.1em;line-height:1.55;display:grid}.cmp-table-wrap{border:1px solid var(--line-200);background:var(--bg-900);border-radius:14px;margin-top:26px;overflow:hidden;container-type:inline-size}.cmp-table{border-collapse:collapse;width:100%;font-size:var(--fs-15);color:var(--ink-900);line-height:1.5}.cmp-table caption{caption-side:bottom;text-align:left;color:var(--ink-500);border-top:1px solid var(--line-200);padding:12px 16px;font-size:13px}.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line-200);padding:14px 16px}.cmp-table thead th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);background:var(--bg-800);border-top:0;font-size:13px;font-weight:400}.cmp-table tbody th{width:22%;color:var(--ink-950);font-weight:600}.cmp-table td{width:39%}.cmp-verdict{border:1px solid var(--line-300);font-family:var(--font-mono);color:var(--ink-700);border-radius:6px;align-items:center;gap:4px;margin-bottom:6px;padding:1px 8px;font-size:13px;display:inline-flex}.cmp-yes{color:var(--ok-700);background:#6fe0a01a;border-color:#6fe0a073}.cmp-part{border-color:var(--warn-border);background:var(--warn-100);color:var(--warn-700)}.cmp-no{border-color:var(--line-300);background:var(--bg-800);color:var(--ink-600)}.cmp-cell-text{display:block}.mp-section>p.cmp-note{font-size:var(--fs-15);color:var(--ink-600);margin-top:14px}.cmp a:not(.btn,.mp-back,.mp-next a,.mp-lessons a){color:var(--ink-950);text-underline-offset:3px;text-decoration:underline}.cmp-faqs{gap:10px;margin-top:24px;display:grid}.cmp-faqs details{border:1px solid var(--line-200);background:var(--bg-900);border-radius:14px}.cmp-faqs summary{font-size:var(--fs-17);color:var(--ink-950);cursor:pointer;padding:16px 20px;font-weight:600}.cmp-faqs details p{font-size:var(--fs-16);color:var(--ink-700);margin:0;padding:0 20px 18px;line-height:1.6}.cmp-sources{font-size:var(--fs-16);color:var(--ink-700);gap:8px;margin:16px 0 0;padding-left:1.1em;line-height:1.5;display:grid}.cmp .mp-main .mp-next{margin-top:0}.cmp .mp-main .mp-next ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.cmp-index-body{grid-template-columns:minmax(0,1fr);gap:clamp(56px,6vw,96px);margin-top:clamp(56px,6vw,104px);display:grid}.cmp-index-body .mp-next{margin-top:0}.cmp-fair>p{max-width:68ch}@media (max-width:760px){.cmp-picks{grid-template-columns:minmax(0,1fr)}}@container (max-width:560px){.cmp-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cmp-table tr{border-top:1px solid var(--line-200);gap:10px;padding:16px;display:grid}.cmp-table tbody tr:first-child{border-top:0}.cmp-table th,.cmp-table tbody th,.cmp-table td{border:0;width:auto;padding:0}.cmp-table td:before{content:attr(data-label);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);margin-bottom:4px;font-size:13px;display:block}}.ct{gap:22px;min-width:0;display:grid}.ct>*{min-width:0}.ct-head h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:10px 0 0;font-size:clamp(34px,3.2vw,52px);font-weight:400;line-height:1.04}.ct-head p{max-width:64ch;font-size:var(--fs-17);color:var(--ink-700);margin:14px 0 0;line-height:1.6}.ct-frame{border:1px solid var(--line-200);background:var(--bg-900);border-radius:18px;position:relative;overflow:clip;box-shadow:0 24px 60px -32px #0000008c}.ct-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:var(--fs-15);color:var(--ink-800);line-height:1.45}.ct-table th,.ct-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line-200);padding:14px 16px}.ct-table thead th{top:var(--header-h);z-index:2;border-top:0;border-bottom:1px solid var(--line-300);background:var(--bg-800);vertical-align:bottom;position:sticky}.ct-table tbody tr:first-child>*{border-top:0}.ct-feature{width:24%}.ct-table tbody th{color:var(--ink-950);font-weight:600}.ct-name{font-size:var(--fs-17);color:var(--ink-950);font-weight:700;display:block}.ct-kind{font-family:var(--font-mono);color:var(--ink-500);margin-top:4px;font-size:13px;font-weight:400;line-height:1.35;display:block}.ct-table .ct-us{background:#6fe0a00f;border-left:1px solid #6fe0a061;border-right:1px solid #6fe0a061}.ct-table thead .ct-us{background:linear-gradient(#6fe0a029, #6fe0a029), var(--bg-800);box-shadow:inset 0 3px #6fe0a0cc}.ct-table thead .ct-us .ct-name{color:var(--ok-700)}.ct-mark{vertical-align:middle;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}.ct-yes{color:var(--ok-700);background:#6fe0a029}.ct-part{background:var(--warn-100);color:var(--warn-700)}.ct-no{background:var(--bg-800);color:var(--ink-500)}.ct-note{color:var(--ink-600);margin-top:6px;display:block}.ct-us .ct-note{color:var(--ink-800)}.ct-text{color:var(--ink-900);font-weight:600}.ct-foot{font-size:var(--fs-15);color:var(--ink-600);margin:0;line-height:1.6}.ct-foot a{color:var(--ink-950);text-underline-offset:3px;text-decoration:underline}.ct-foot .ct-more{align-items:center;gap:6px;font-weight:600;display:inline-flex}.ct-swipe{display:none}.ct-frame:focus-visible{outline:3px solid var(--focus-colour);outline-offset:4px}@media (max-width:880px){.ct-swipe{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-500);align-items:center;gap:6px;margin:0 0 -10px;font-size:13px;display:inline-flex}.ct-frame{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.ct-table{min-width:760px}.ct-compact .ct-table{min-width:640px}.ct-table thead th{position:static}.ct-feature{width:9.5em}.ct-table .ct-feature{z-index:1;background:var(--bg-900);box-shadow:1px 0 0 var(--line-300), 10px 0 14px -10px #00000073;position:sticky;top:auto;left:0}.ct-table thead .ct-feature{background:var(--bg-800)}}
.ci-hero-points{color:var(--ink-700);font-size:var(--fs-16);gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ci-hero-points li{align-items:center;gap:10px;display:flex}.ci-hero-points svg{color:var(--lamp-600);flex:none}.ci-hero-figure{padding:var(--s-5);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"machine machine""file wires";align-items:stretch;position:relative}.ci-hero-file{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--bg-950);grid-area:file;overflow:hidden}.ci-hero-file-name{border-bottom:1px solid var(--line-200);color:var(--ink-500);font-family:var(--font-mono);font-size:var(--fs-15);padding:8px 12px;display:block}.ci-hero-file pre{color:var(--ink-800);font-family:var(--font-mono);white-space:pre;margin:0;padding:12px;font-size:13px;line-height:1.6;overflow:hidden}.ci-hero-wires{grid-area:wires;align-content:center;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ci-hero-wires li{border:1px solid var(--ok-border);border-radius:var(--r-sm);background:var(--ok-100);font-size:var(--fs-15);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.ci-hero-wires code{font-family:var(--font-mono);color:var(--ink-900)}.ci-hero-wires svg{color:var(--lamp-600)}.ci-hero-wires span{color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ci-hero-machine{border-radius:var(--r-lg);background:var(--showroom,#12151a);grid-area:machine;position:relative;overflow:hidden}.ci-hero-machine img{aspect-ratio:16/7.5;object-fit:cover;width:100%;height:auto;display:block}.ci-hero-run{border-radius:var(--r-pill);color:var(--lamp-on-dark);font-size:var(--fs-15);background:#0f1115c7;align-items:center;gap:6px;padding:5px 10px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.ci{margin-top:clamp(32px,4vw,56px);scroll-margin-top:80px}.ci-steps{margin:0 0 var(--s-5);flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.ci-steps button{border:1px solid var(--line-200);border-radius:var(--r-pill);background:var(--surface);min-height:40px;color:var(--ink-600);font-size:var(--fs-15);align-items:center;gap:8px;padding:6px 14px 6px 6px;font-weight:600;display:inline-flex}.ci-steps button:disabled{opacity:1;cursor:default}.ci-steps li:not([aria-current]) button:disabled{opacity:.55}.ci-step-number{background:var(--bg-700);width:28px;height:28px;color:var(--ink-800);border-radius:50%;place-items:center;display:grid}.ci-steps li[aria-current] button{border-color:var(--signal-line);color:var(--ink-950)}.ci-steps li[aria-current] .ci-step-number{background:var(--action-600);color:var(--action-ink)}.ci-steps li.done .ci-step-number{background:var(--ok-100);color:var(--ok-700)}.ci-panel{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--surface);padding:clamp(18px,2.4vw,32px)}.ci-code{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:clamp(18px,2.4vw,32px);display:grid}.ci-intake{gap:var(--s-4);min-width:0;display:grid}.ci-drop{border:1.5px dashed var(--line-input);border-radius:var(--r-lg);background:var(--bg-950);color:var(--ink-600);text-align:center;cursor:pointer;justify-items:center;gap:6px;padding:28px 20px;transition:border-color .15s,background .15s;display:grid;position:relative}.ci-drop:hover,.ci-drop.dragging,.ci-drop:focus-within{border-color:var(--lamp-600);background:var(--lamp-tint)}.ci-drop strong{color:var(--ink-900);font-size:var(--fs-17)}.ci-drop span{font-size:var(--fs-15)}.ci-drop svg{color:var(--lamp-600)}.ci-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.ci-or{color:var(--ink-500);font-size:var(--fs-15);align-items:center;gap:12px;display:flex}.ci-or:before,.ci-or:after{content:"";background:var(--line-200);flex:1;height:1px}.ci-paste{gap:8px;display:grid}.ci-paste>label{color:var(--ink-800);font-weight:600}.ci-paste textarea{border:1px solid var(--line-input);border-radius:var(--r-md);background:var(--editor-bg,var(--bg-950));width:100%;min-height:220px;color:var(--ink-900);font-family:var(--font-mono);font-size:var(--fs-15);resize:vertical;tab-size:4;padding:12px 14px;line-height:1.55}.ci-paste-actions{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.ci-maker,.ci-unit{color:var(--ink-600);font-size:var(--fs-15);gap:4px;display:grid}.ci select{border:1px solid var(--line-input);border-radius:var(--r-sm);background:var(--bg-850);min-height:40px;color:var(--ink-900);max-width:100%;padding:6px 10px}.ci-problems{border:1px solid var(--fault-border);border-radius:var(--r-md);background:var(--fault-100);color:var(--ink-800);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.ci-problems>svg{color:var(--fault-700);margin-top:2px}.ci-problems strong{color:var(--ink-950);margin-bottom:6px;display:block}.ci-problems ul{gap:6px;margin:0;padding-left:18px;line-height:1.5;display:grid}.ci-problems b{color:var(--fault-700)}.ci-problems p{margin:8px 0 0}.ci-problems-supported{color:var(--ink-600);line-height:1.5}.ci-side{gap:var(--s-4);display:grid}.ci-card{border:1px solid var(--line-200);border-radius:var(--r-lg);background:var(--bg-950);color:var(--ink-700);padding:16px 18px;line-height:1.55}.ci-card>strong{color:var(--ink-950);display:block}.ci-card p{margin:6px 0 0}.ci-examples{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ci-private{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.ci-private svg{color:var(--lamp-600);margin-top:3px}.ci-private p{margin:0}.ci-private strong{color:var(--ink-950)}.ci-supported summary{color:var(--ink-950);cursor:pointer;font-weight:600}.ci-summary{border:1px solid var(--ok-border);border-radius:var(--r-md);background:var(--ok-100);color:var(--ink-800);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.ci-summary>svg{color:var(--ok-700);margin-top:2px}.ci-summary strong{color:var(--ink-950)}.ci-unit{max-width:420px;margin-top:10px}.ci-notes{color:var(--ink-700);margin:8px 0 0;padding-left:18px;line-height:1.5}.ci-heading{margin:var(--s-6) 0 6px;font-family:var(--font-serif);font-size:clamp(26px,2.4vw,34px);font-weight:400;line-height:1.15}.ci-panel>.ci-heading:first-child{margin-top:0}.ci-lead{margin:0 0 var(--s-5);max-width:72ch;color:var(--ink-600);font-size:var(--fs-16);line-height:1.55}.ci-machines{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.ci-machine{border:1px solid var(--line-200);border-radius:var(--r-lg);background:var(--bg-950);color:inherit;text-align:left;grid-template-rows:auto 1fr;padding:0;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.ci-machine:hover{border-color:var(--signal-line);transform:translateY(-1px)}.ci-machine[aria-checked=true]{border-color:var(--lamp-600);box-shadow:0 0 0 2px var(--lamp-halo)}.ci-machine img{aspect-ratio:16/10;object-fit:cover;background:#12151a;width:100%;height:auto;display:block}.ci-machine-text{align-content:start;gap:4px;padding:12px 14px 14px;display:grid}.ci-machine-text strong{color:var(--ink-950);font-size:var(--fs-16)}.ci-machine-text>span:not(.chip){color:var(--ink-600);font-size:var(--fs-15);line-height:1.4}.ci-machine-text .chip{white-space:normal;justify-self:start;max-width:100%;height:auto;margin-top:6px;line-height:1.3}.ci-machine,.ci-machine-text{min-width:0}.ci-machine-text strong{overflow-wrap:anywhere}.ci-actions{margin-top:var(--s-6);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.ci-group{margin-top:var(--s-6)}.ci-group h3{font-size:var(--fs-19);margin:0}.ci-group>p{max-width:80ch;color:var(--ink-600);margin:4px 0 12px;line-height:1.5}.ci-rows{border:1px solid var(--line-200);border-radius:var(--r-md);display:grid;overflow:hidden}.ci-row{background:var(--bg-950);grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);align-items:center;gap:12px 20px;padding:10px 14px;display:grid}.ci-row+.ci-row{border-top:1px solid var(--line-200)}.ci-point{gap:2px;min-width:0;display:grid}.ci-point strong{color:var(--ink-900);font-weight:600}.ci-point span,.ci-origin,.ci-type{color:var(--ink-500);font-size:var(--fs-15)}.ci-point code,.ci-other code{font-family:var(--font-mono);color:var(--ink-800)}.ci-choice select{width:100%}.ci-choice select.wired{border-color:var(--ok-border);background:var(--ok-100)}.ci-others{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.ci-other{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--bg-950);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;display:flex}.ci-other select{min-height:32px;padding:2px 8px}.ci-origin{flex-basis:100%}.ci-checks{margin-top:var(--s-6)}.ci-checks ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ci-checks li.fits{color:var(--ok-700)}.ci-checks li svg{vertical-align:-3px}.ci-panel .pro-offer{margin:0}.ci-run{display:contents}.wb-sandbox-check{border:1px solid var(--line-input);border-radius:var(--r-sm);background:var(--bg-850);max-width:260px;min-height:38px;color:var(--ink-900);padding:6px 10px}.workbench-guide[hidden]{display:none}.wb-sandbox-notes{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--bg-950);color:var(--ink-700);margin:0 0 12px;padding:10px 14px;line-height:1.5}.wb-sandbox-notes ul{margin:4px 0 0;padding-left:18px}.ci-explain{margin-top:clamp(48px,5vw,80px)}.ci-explain h2{margin:0 0 var(--s-5);font-family:var(--font-serif);font-size:clamp(30px,3vw,44px);font-weight:400}.ci-explain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ci-explain-grid>div{border:1px solid var(--line-200);border-radius:var(--r-lg);background:var(--surface);padding:18px 20px}.ci-explain-grid strong{color:var(--ink-950);font-size:var(--fs-17)}.ci-explain-grid p,.ci-explain-note{color:var(--ink-600);line-height:1.6}.ci-explain-note{max-width:90ch;margin-top:var(--s-5)}@media (max-width:1100px){.ci-code{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.ci-hero-figure{grid-template-columns:minmax(0,1fr);grid-template-areas:"machine""file""wires"}.ci-row{grid-template-columns:minmax(0,1fr);gap:8px}.ci-explain-grid{grid-template-columns:minmax(0,1fr)}.ci-machines{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ci-machine-text{padding:10px}.ci-machine-text>span:not(.chip){display:none}.ci-panel{padding:16px}.ci-steps button{padding-right:10px}.ci-actions .btn{white-space:normal;flex:100%;justify-content:center;min-width:0}.ci-paste-actions .btn,.ci-maker,.ci-maker select{width:100%}}
.cp-tool{--cp-metal:conic-gradient(from 200deg, #9aa0a8, #3b4047 22%, #d5d9de 46%, #454a51 70%, #8f959d 88%, #9aa0a8);--cp-plate:#0c0e11;--cp-module:#171a1f;--cp-module-edge:#262a31;--cp-lcd-ink:#8affbd;--cp-lcd-glow:#4cd08a8c;--cp-pane-h:clamp(560px, calc(100svh - 200px), 860px);min-width:0;scroll-margin-top:calc(var(--header-h,60px) + 12px);border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);isolation:isolate;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0006,0 50px 100px -50px #000000d9}.cp-tool:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(60% 100% at 50% 0,#ffffff0b,#0000 70%);height:160px;position:absolute;inset:0 0 auto}.cp-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.cp-muted{color:var(--ink-500)}.cp-btn{border:1px solid var(--line-300);background:var(--bg-800);min-height:36px;color:var(--ink-900);font:600 14px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .1s var(--ease);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.cp-btn:hover:not(:disabled){border-color:var(--line-input);background:var(--bg-700);color:var(--ink-950)}.cp-btn:active:not(:disabled){transform:translateY(1px)}.cp-btn:disabled{opacity:.45;cursor:not-allowed}.cp-btn:focus-visible,.cp-icon-btn:focus-visible,.cp-seg button:focus-visible,.cp-tabs button:focus-visible,.cp-group-head button:focus-visible{outline:2px solid var(--focus-colour);outline-offset:2px}.cp-btn-quiet{border-color:var(--line-300);background:0 0}.cp-btn[aria-pressed=true]{background:var(--signal-tint-2);border-color:var(--signal-line);color:var(--ink-950)}.cp-btn-primary{background:var(--action-600);color:var(--action-ink);border-color:#0000}.cp-btn-primary:hover:not(:disabled){background:var(--action-700);color:var(--action-ink);border-color:#0000}.cp-btn-icon{width:36px;padding:0}.cp-icon-btn{width:30px;height:30px;color:var(--ink-600);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.cp-icon-btn:hover{background:var(--signal-tint-2);color:var(--ink-950)}.cp-text-btn{color:var(--ink-600);font:500 13px var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;display:inline-flex}.cp-text-btn:hover{color:var(--ink-950)}.cp-btn-run{color:#04130a;background:linear-gradient(#3dcb7c,#22a35c);border-color:#0000;min-width:96px;min-height:38px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 6px 18px -8px #2bb46acc}.cp-btn-run:hover:not(:disabled){color:#04130a;background:linear-gradient(#4ad889,#27ad63);border-color:#0000}.cp-btn-run[data-running]{background:var(--bg-700);color:var(--ink-950);border-color:var(--line-input);box-shadow:none}.cp-btn-run[data-running]:hover:not(:disabled){background:var(--bg-650);color:var(--ink-950)}.cp-seg{border:1px solid var(--line-200);background:var(--bg-950);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.cp-seg button{min-height:30px;color:var(--ink-600);font:600 13px/1 var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 11px}.cp-seg button:hover{color:var(--ink-950)}.cp-seg button[aria-pressed=true]{background:var(--bg-700);color:var(--ink-950);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0006}.cp-seg-sm button{min-height:26px;padding:0 9px;font-size:12px}.cp-titlebar{z-index:3;position:relative}.cp-titlebar:has(.cp-popover){z-index:7}.cp-titlebar{border-bottom:1px solid var(--line-200);border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(#1c1f25,#171a1f);align-items:center;gap:14px;min-height:62px;padding:10px 14px 10px 16px;display:flex}.cp-titlebar-end{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.cp-run{gap:6px;display:flex}.cp-speed select,.cp-profile select,.cp-maker select,.cp-pen-add select{border:1px solid var(--line-300);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a9aeb6' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center, var(--bg-800);min-height:36px;color:var(--ink-900);font:600 14px var(--font-sans);appearance:none;cursor:pointer;border-radius:9px;padding:0 28px 0 10px}.cp-speed select{font-family:var(--font-mono);font-size:13px}.cp-cpu{background:linear-gradient(#0d0f12,#121418);border:1px solid #000;border-radius:8px;gap:4px;padding:6px 8px;display:flex;box-shadow:inset 0 1px 2px #000000b3,0 1px #ffffff0d}.cp-cpu-led{--c:#2bb46a;color:var(--ink-500);font:700 10.5px/1 var(--font-mono);letter-spacing:.08em;align-items:center;gap:5px;padding:0 4px;display:flex}.cp-cpu-led:before{content:"";background:color-mix(in srgb, var(--c) 22%, #0a0b0d);border-radius:1.5px;width:9px;height:6px;transition:background .12s ease-out,box-shadow .12s ease-out;box-shadow:inset 0 1px 1px #0009}.cp-cpu-led[data-colour=amber]{--c:#f2b134}.cp-cpu-led[data-colour=red]{--c:#ff5a4e}.cp-cpu-led[data-on]{color:var(--ink-900)}.cp-cpu-led[data-on]:before{background:var(--c);box-shadow:0 0 6px var(--c), 0 0 14px color-mix(in srgb, var(--c) 50%, transparent)}.cp-title{flex:0 240px;min-width:120px}.cp-program-actions{gap:6px;display:flex}.cp-title input{width:100%;min-height:34px;color:var(--ink-950);font:650 16px var(--font-sans);letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 8px}.cp-title input:hover:not(:read-only){border-color:var(--line-200)}.cp-title input:focus{border-color:var(--line-input);background:var(--bg-950);outline:none}.cp-scan{border:1px solid var(--line-200);background:var(--bg-950);border-radius:9px;gap:0;margin:0;padding:0;display:flex}.cp-scan div{gap:2px;min-width:64px;padding:5px 11px;display:grid}.cp-scan div+div{border-left:1px solid var(--line-200)}.cp-scan dt{white-space:nowrap;color:var(--ink-500);font:600 10.5px var(--font-sans);letter-spacing:.06em;text-transform:uppercase}.cp-scan dd{color:var(--ink-900);font:600 13px var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.cp-body{min-height:0;height:var(--cp-pane-h);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);display:grid}.cp-code,.cp-side{flex-direction:column;min-width:0;min-height:0;display:flex}.cp-code{border-right:1px solid var(--line-200);background:var(--night-900)}.cp-pane-head{border-bottom:1px solid var(--line-200);background:var(--bg-900);justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:9px 12px;display:flex}.cp-profile{align-items:center;gap:8px;min-width:0;display:flex}.cp-profile select{flex-shrink:0;min-width:124px}.cp-code .cp-pane-head{flex-wrap:wrap}.cp-download{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.cp-pane-title{color:var(--ink-900);font:650 14px var(--font-sans);letter-spacing:.01em;align-items:center;gap:8px;margin:0;display:flex}.cp-pane-title svg{color:var(--ink-500)}.cp-tabs{border-bottom:1px solid var(--line-200);background:var(--night-800);align-items:stretch;gap:2px;padding:0 10px;display:flex}.cp-tabs button{min-height:40px;color:var(--ink-500);font:600 13.5px var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;display:inline-flex;position:relative}.cp-tabs button:hover{color:var(--ink-900)}.cp-tabs button[aria-selected=true]{color:var(--ink-950)}.cp-tabs button[aria-selected=true]:after{content:"";background:var(--lamp-500);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.cp-count{background:var(--signal-tint-2);min-width:20px;height:18px;color:var(--ink-700);font:600 11.5px var(--font-mono);border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.cp-tabs-status{color:var(--ink-500);font:500 12.5px var(--font-sans);align-items:center;gap:6px;margin-left:auto;display:flex}.cp-tabs-status:before{content:"";background:var(--lamp-500);border-radius:50%;width:7px;height:7px}.cp-tabs-status[data-error]{color:var(--fault-700)}button.cp-tabs-status{font:500 12.5px var(--font-sans);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:3px;background:0 0;border:0;border-radius:6px;margin-right:-6px;padding:4px 6px}button.cp-tabs-status:hover{text-decoration-color:currentColor}button.cp-tabs-status[data-error]:hover{color:var(--fault-700)}.cp-tabs-status[data-error]:before{background:#ff5a4e;box-shadow:0 0 8px #ff5a4e}.cp-editor{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto}.cp-editor>*{flex:1;min-height:0}.cp-editor-loading{color:var(--ink-500);font:500 14px var(--font-sans);place-items:center;display:grid}.cp-side{background:#121418}.cp-panel-head{background:var(--bg-900)}.cp-side-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#353a43 transparent;background:radial-gradient(90% 60% at 50% 0,#ffffff09,#0000 70%),repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(#15181c,#101215);flex:1;min-height:0;padding:14px;overflow:auto}.cp-panel{gap:12px;display:grid}.cp-panel-tools{gap:8px;display:flex}.cp-search{max-width:340px;color:var(--ink-500);flex:1;align-items:center;display:flex;position:relative}.cp-search svg{position:absolute;left:11px}.cp-search input{border:1px solid var(--line-300);width:100%;min-height:36px;color:var(--ink-950);font:500 14px var(--font-sans);background:#00000040;border-radius:9px;padding:0 34px}.cp-search input:focus{border-color:var(--line-input);outline:none;box-shadow:0 0 0 3px #6f9bff38}.cp-search kbd,.cp-keys kbd,.cp-hotkey{border:1px solid var(--line-300);background:var(--bg-800);min-width:20px;height:20px;color:var(--ink-600);font:600 11.5px var(--font-mono);border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;display:inline-grid}.cp-search kbd{position:absolute;right:9px}.cp-none{color:var(--ink-500);padding:18px 4px;font-size:14px}.cp-group{--screw:radial-gradient(circle at 40% 35%, #c3c8ce 0 1.2px, #6c727a 1.6px 2.6px, #23272d 3px 3.6px, transparent 4px);border:1px solid var(--cp-module-edge);background:var(--screw) 7px 7px / 10px 10px no-repeat, var(--screw) calc(100% - 7px) 7px / 10px 10px no-repeat, var(--screw) 7px calc(100% - 7px) / 10px 10px no-repeat, var(--screw) calc(100% - 7px) calc(100% - 7px) / 10px 10px no-repeat, linear-gradient(180deg, #1b1e24, var(--cp-module));border-radius:12px;padding:10px 16px 16px;position:relative;box-shadow:inset 0 1px #ffffff0d,0 1px #00000080,0 10px 24px -16px #000c}.cp-group-head{margin:0 0 2px;padding:0 10px}.cp-group-head button{min-height:32px;color:var(--ink-700);font:700 12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 6px 0 2px;display:inline-flex}.cp-group-head button:hover{color:var(--ink-950)}.cp-chevron{transition:transform .2s var(--ease)}.cp-group-head button[aria-expanded=false] .cp-chevron{transform:rotate(-90deg)}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px 8px;margin:0;padding:0;list-style:none;display:grid}.cp-cell{min-width:0;transition:background .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 6px 6px;display:flex;position:relative}.cp-cell[data-kind=slider],.cp-cell[data-kind=timer],.cp-cell[data-kind=counter],.cp-cell[data-array]{grid-column:span 2}.cp-cell-device{place-items:center;width:100%;min-height:74px;display:grid}.cp-cell[data-kind=gauge] .cp-cell-device{min-height:128px}.cp-plate{justify-items:center;gap:4px;max-width:100%;display:grid}.cp-plate-label{color:#f1f3f5;max-width:100%;font:700 12px/1.25 var(--font-sans);letter-spacing:.07em;text-transform:uppercase;text-align:center;-webkit-line-clamp:2;overflow-wrap:anywhere;background:linear-gradient(#0a0c0e,#121418);border:1px solid #30353d;border-radius:3px;-webkit-box-orient:vertical;padding:4px 9px 3px;display:-webkit-box;overflow:hidden;box-shadow:inset 0 1px 1px #000c,0 1px #ffffff0d}.cp-tagname{max-width:100%;color:var(--ink-500);font:500 12px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cp-device{place-items:center;display:grid;position:relative}.cp-hotkey{opacity:.85;min-width:18px;height:18px;font-size:11px;position:absolute;bottom:-2px;left:-20px}.cp-read{background:#2a3a30;border-radius:50%;width:7px;height:7px;transition:background 80ms ease-out;position:absolute;top:-4px;right:-14px;box-shadow:inset 0 1px 1px #000000b3}.cp-read[data-on]{background:#4cd08a;box-shadow:0 0 6px #4cd08a}[data-colour=green]{--c:#2bb46a;--hi:#c4f7d8;--lo:#0c4d2b}[data-colour=red]{--c:#e8483c;--hi:#ffd0cb;--lo:#6e130d}[data-colour=amber]{--c:#f3ae2b;--hi:#fff1c9;--lo:#7e5205}[data-colour=blue]{--c:#2f92e6;--hi:#cfe8ff;--lo:#0c3a66}[data-colour=white]{--c:#dfe4ea;--hi:#fff;--lo:#737a83}.cp-pb,.cp-sel{background:var(--cp-metal);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;place-items:center;width:68px;height:68px;padding:0;display:grid;position:relative;box-shadow:0 8px 16px -6px #000000d9,0 2px 3px #0009}.cp-pb:before,.cp-sel:before{content:"";background:radial-gradient(circle at 50% 35%,#23262b,#08090b 70%);border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 2px 4px #000000e6}.cp-pb:focus-visible,.cp-sel:focus-visible{outline:2px solid var(--focus-colour);outline-offset:4px}.cp-pb:disabled,.cp-sel:disabled{cursor:default}.cp-pb-guard{border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 0 1px #ffffff0f}.cp-pb-cap{background:radial-gradient(circle at 36% 28%, #ffffff8c 0 9%, transparent 22%), radial-gradient(circle at 50% 42%, var(--hi) -30%, var(--c) 46%, var(--lo) 100%);width:46px;height:46px;box-shadow:inset 0 -4px 7px #0006, inset 0 2px 2px #ffffff4d, 0 4px 0 color-mix(in srgb, var(--lo) 80%, #000), 0 6px 9px #0000008c;border-radius:50%;transition:transform 70ms ease-out,box-shadow 70ms ease-out,filter 70ms ease-out;position:relative;transform:translateY(-2px)}.cp-pb[data-down] .cp-pb-cap{filter:brightness(1.15)saturate(1.1);box-shadow:inset 0 -2px 5px #00000059, inset 0 3px 6px #0000004d, 0 1px 0 color-mix(in srgb, var(--lo) 80%, #000), 0 0 14px 1px color-mix(in srgb, var(--c) 55%, transparent), 0 0 30px 6px color-mix(in srgb, var(--c) 22%, transparent);transform:translateY(1px)scale(.955)}.cp-pb:hover:not(:disabled) .cp-pb-cap{filter:brightness(1.06)}.cp-sel-knob{background:radial-gradient(circle at 40% 30%,#3a3f47,#15171a 70%);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffff26,0 3px 6px #000000b3}.cp-sel-lever{background:linear-gradient(90deg,#121418,#3c424a 45%,#23272d 60%,#0e1013);border-radius:7px;width:14px;height:50px;transition:transform .24s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotate(-45deg);box-shadow:0 3px 6px #000000bf,inset 0 1px #ffffff2e}.cp-sel-lever:after{content:"";background:#f1f3f5;border-radius:2px;width:3px;height:11px;margin-left:-1.5px;position:absolute;top:4px;left:50%}.cp-sel[data-on] .cp-sel-lever{transform:rotate(45deg)}.cp-sel-mark{color:var(--ink-500);font:800 12px/1 var(--font-sans);transition:color .15s;position:absolute;top:-13px}.cp-sel-mark-0{left:2px}.cp-sel-mark-1{right:4px}.cp-sel:not([data-on]) .cp-sel-mark-0,.cp-sel[data-on] .cp-sel-mark-1{color:#f1f3f5}.cp-device-switch .cp-read{top:auto;bottom:2px;right:-16px}.cp-lamp{background:var(--cp-metal);border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:0 6px 14px -6px #000000d9,0 2px 3px #0000008c}.cp-lamp:before{content:"";background:#08090b;border-radius:50%;position:absolute;inset:4px}.cp-lamp-lens{background:radial-gradient(circle at 34% 28%, #ffffff38 0 7%, transparent 16%), repeating-radial-gradient(circle at 50% 50%, #ffffff0a 0 1px, transparent 1px 4px), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 30%, #0a0b0d), color-mix(in srgb, var(--c) 10%, #050607) 75%);border-radius:50%;width:44px;height:44px;position:relative;box-shadow:inset 0 2px 6px #000000d9}.cp-lamp-lens:after{content:"";background:radial-gradient(circle at 34% 28%, #fffc 0 6%, transparent 14%), repeating-radial-gradient(circle at 50% 50%, #ffffff1a 0 1px, transparent 1px 4px), radial-gradient(circle at 50% 50%, var(--hi) 0%, var(--c) 48%, var(--lo) 100%);box-shadow:0 0 12px 2px color-mix(in srgb, var(--c) 75%, transparent), 0 0 40px 10px color-mix(in srgb, var(--c) 30%, transparent), inset 0 -3px 6px #0000004d;opacity:0;border-radius:50%;transition:opacity .28s cubic-bezier(.4,0,1,1);position:absolute;inset:0}.cp-lamp[data-on] .cp-lamp-lens:after{opacity:1;transition:opacity 70ms ease-out}.cp-cell[data-kind=lamp]:has(.cp-lamp[data-on]) .cp-plate-label{border-color:color-mix(in srgb, var(--c,#fff) 30%, #30353d)}.cp-lamp-sm{width:22px;height:22px;box-shadow:0 2px 4px #000000b3}.cp-lamp-sm:before{inset:2px}.cp-lamp-sm .cp-lamp-lens{width:15px;height:15px}.cp-lamp-sm .cp-lamp-lens:after{box-shadow:0 0 6px 1px color-mix(in srgb, var(--c) 75%, transparent), 0 0 14px 3px color-mix(in srgb, var(--c) 30%, transparent)}.cp-lcd{color:var(--cp-lcd-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:linear-gradient(#ffffff08,#0000 40%),#07100b;border:1px solid #000;border-radius:7px;align-items:baseline;gap:6px;padding:7px 11px 6px;display:inline-flex;box-shadow:inset 0 2px 6px #000000d9,0 1px #ffffff0f}.cp-lcd-digits{justify-items:end;display:inline-grid;position:relative}.cp-lcd-digits>*{grid-area:1/1}.cp-lcd-ghost{color:#8affbd0f}.cp-lcd-text{text-shadow:0 0 8px var(--cp-lcd-glow)}.cp-lcd-lg{letter-spacing:.02em;font-size:26px;font-weight:600}.cp-lcd-sm{padding:4px 8px 3px;font-size:15px;font-weight:600}.cp-unit{color:#8affbd99;font:600 12px var(--font-mono)}.cp-fader{gap:8px;width:100%;padding:0 8px;display:grid}.cp-fader-head{justify-content:center;display:flex}.cp-lcd-input{cursor:text;padding:5px 9px 4px}.cp-lcd-input input{width:6ch;min-width:0;min-height:0;box-shadow:none;color:var(--cp-lcd-ink);font:600 22px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 8px var(--cp-lcd-glow);background:0 0;border:0;padding:0}.cp-lcd-input input:focus{outline:none}.cp-lcd-input:focus-within{border-color:var(--focus-colour)}.cp-range{--track:8px;width:100%;height:34px;box-shadow:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;border:0;margin:0;padding:0}.cp-range:focus-visible{outline:2px solid var(--focus-colour);outline-offset:2px;border-radius:6px}.cp-range::-webkit-slider-runnable-track{height:var(--track);background:linear-gradient(90deg, #2bb46a, #4cd08a) 0 0 / calc(var(--at) * 100%) 100% no-repeat, linear-gradient(180deg, #07080a, #15181c);border:1px solid #000;border-radius:6px;box-shadow:inset 0 1px 2px #000c,0 1px #ffffff12}.cp-range::-moz-range-track{height:var(--track);background:linear-gradient(#07080a,#15181c);border:1px solid #000;border-radius:6px}.cp-range::-moz-range-progress{height:var(--track);background:linear-gradient(90deg,#2bb46a,#4cd08a);border-radius:6px}.cp-range::-webkit-slider-thumb{width:22px;height:30px;margin-top:calc((var(--track) - 30px) / 2 - 1px);appearance:none;background:repeating-linear-gradient(#0000 0 4px,#00000038 4px 5px) 50%/12px 16px no-repeat,linear-gradient(#eef1f4,#a4abb3 55%,#868d96);border:1px solid #0b0c0e;border-radius:5px;transition:transform .1s ease-out;box-shadow:0 3px 6px #000000a6,inset 0 1px #fffc}.cp-range::-moz-range-thumb{background:repeating-linear-gradient(#0000 0 4px,#00000038 4px 5px) 50%/12px 16px no-repeat,linear-gradient(#eef1f4,#a4abb3 55%,#868d96);border:1px solid #0b0c0e;border-radius:5px;width:22px;height:30px;box-shadow:0 3px 6px #000000a6}.cp-range:active::-webkit-slider-thumb{transform:scale(1.06)}.cp-fader-scale{color:var(--ink-500);font:500 12px var(--font-mono);justify-content:space-between;margin-top:-4px;padding:0 2px;display:flex}.cp-gauge{justify-items:center;width:118px;display:grid;position:relative}.cp-gauge svg{background:radial-gradient(circle at 50% 38%,#22262c,#0d0f12 72%);border-radius:50%;width:118px;height:118px;overflow:visible;box-shadow:0 0 0 3px #08090b,0 0 0 5px #4a4f57,0 0 0 6px #08090b,0 10px 20px -8px #000000d9,inset 0 2px 8px #000c}.cp-gauge-track{fill:none;stroke:#262a31;stroke-width:5px;stroke-linecap:round}.cp-gauge-fill{fill:none;stroke:#4cd08a;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #4cd08ab3);transition:stroke-dasharray .12s linear}.cp-gauge[data-over] .cp-gauge-fill{stroke:#ff8f86}.cp-tick{stroke:#5c626b;stroke-width:.8px}.cp-tick-major{stroke:#d9dce1;stroke-width:1.4px}.cp-gauge-num{fill:#a9aeb6;font:600 7.2px var(--font-mono)}.cp-gauge-unit{fill:#8e939c;font:600 7.5px var(--font-sans);letter-spacing:.06em}.cp-needle{transform-box:view-box;transform-origin:60px 60px;transition:transform .12s linear}.cp-needle path{fill:#ff5a4e;filter:drop-shadow(0 1px 1.5px #000c)}.cp-needle-hub{fill:#2a2e35;stroke:#0b0c0e;stroke-width:1px}.cp-needle-pin{fill:#c9cdd2}.cp-gauge-value{color:var(--cp-lcd-ink);font:600 13px var(--font-mono);font-variant-numeric:tabular-nums;text-shadow:0 0 6px var(--cp-lcd-glow);background:#07100b;border-radius:4px;padding:2px 7px;position:absolute;bottom:12px;box-shadow:inset 0 1px 3px #000c}.cp-timer,.cp-counter{background:linear-gradient(#121519,#0e1013);border:1px solid #2b3037;border-radius:10px;gap:10px;width:100%;padding:12px 13px;display:grid;box-shadow:inset 0 1px #ffffff0a}.cp-timer-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-type{border:1px solid var(--line-300);color:var(--ink-600);font:700 11px var(--font-mono);letter-spacing:.04em;border-radius:5px;padding:3px 7px}.cp-timer-time{color:var(--ink-500);font:500 12.5px var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.cp-timer-time strong{color:var(--cp-lcd-ink);text-shadow:0 0 6px var(--cp-lcd-glow);font-size:16px;font-weight:600}.cp-bar{background:linear-gradient(#07080a,#14171b);border:1px solid #000;border-radius:6px;height:9px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.cp-bar-fill{width:calc(var(--at) * 100%);background:linear-gradient(90deg,#4f8ad8,#79aef0);border-radius:5px;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.cp-timer[data-timing] .cp-bar-fill{background:linear-gradient(90deg,#d99520,#f3c46b)}.cp-timer[data-timing] .cp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.1s linear infinite cp-sheen;position:absolute;inset:0}.cp-timer[data-done] .cp-bar-fill,.cp-counter .cp-bar-fill{background:linear-gradient(90deg,#2bb46a,#4cd08a)}@keyframes cp-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cp-leds{flex-wrap:wrap;gap:12px;display:flex}.cp-led{--c:#4cd08a;color:var(--ink-500);font:700 12px var(--font-mono);align-items:center;gap:6px;display:inline-flex}.cp-led[data-colour=amber]{--c:#f3c46b}.cp-led-dot{background:color-mix(in srgb, var(--c) 18%, #08090b);border-radius:50%;width:9px;height:9px;transition:background 80ms ease-out;box-shadow:inset 0 1px 1px #000000b3}.cp-led[data-on]{color:var(--ink-900)}.cp-led[data-on] .cp-led-dot{background:var(--c);box-shadow:0 0 7px var(--c)}.cp-grid-memory{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.cp-grid-memory .cp-cell{background:#0000002e;border:1px solid #23272e;flex-direction:row;justify-content:flex-start;gap:10px;padding:7px 8px}.cp-grid-memory .cp-cell-device{width:auto;min-height:0}.cp-grid-memory .cp-plate{justify-items:start;min-width:0}.cp-grid-memory .cp-plate-label{box-shadow:none;color:var(--ink-800);letter-spacing:.03em;text-transform:none;background:0 0;border:0;padding:0;font-size:12px}.cp-grid-memory .cp-cell[data-array]{flex-direction:column;grid-column:1/-1;align-items:flex-start}.cp-array{flex-wrap:wrap;gap:4px;display:flex}.cp-array-bit{background:#1a2a20;border-radius:50%;width:10px;height:10px}.cp-array-bit[data-on]{background:#4cd08a;box-shadow:0 0 6px #4cd08a}.cp-array-num{min-width:34px;color:var(--cp-lcd-ink);font:600 12px var(--font-mono);text-align:right;background:#07100b;border-radius:4px;padding:2px 5px}.cp-notice{border:1px solid var(--line-300);background:var(--bg-850);color:var(--ink-800);border-radius:11px;align-items:center;gap:12px;padding:11px 12px 11px 14px;font-size:14px;line-height:1.45;display:flex}.cp-notice>svg{flex-shrink:0}.cp-notice>div{flex:1;gap:2px;min-width:0;display:grid}.cp-notice>span{flex:1}.cp-notice-error{border-color:var(--fault-border);background:var(--fault-100);color:var(--ink-900)}.cp-notice-error>svg{color:var(--fault-700)}.cp-notice-error span{color:var(--ink-700);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px}.cp-notice-tip{border-color:var(--ok-border);background:var(--ok-100)}.cp-notice-tip>svg{color:var(--lamp-600)}.cp-guide{align-items:flex-start}.cp-guide-step{color:var(--lamp-700);font:600 11.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.cp-guide code{background:var(--signal-tint-2);font:600 13px var(--font-mono);white-space:nowrap;border-radius:5px;padding:1px 5px}.cp-guide-code{justify-self:start;margin-top:6px}.cp-guide-done{border-color:var(--ok-border);background:var(--ok-100)}.cp-guide-done strong{color:var(--ink-950)}.cp-guide-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cp-guide-actions>*{white-space:normal;text-align:left;max-width:100%}.cp-empty{text-align:center;justify-items:center;gap:12px;padding:36px 18px 30px;display:grid}.cp-empty-art{align-items:center;gap:0;margin-bottom:8px;display:flex}.cp-empty-wire{background:repeating-linear-gradient(90deg, var(--ink-400) 0 6px, transparent 6px 11px);width:72px;height:2px}.cp-empty h3{font-family:var(--font-serif);color:var(--ink-950);margin:0;font-size:30px;font-weight:400}.cp-empty p{max-width:46ch;color:var(--ink-600);margin:0;font-size:15px;line-height:1.55}.cp-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.cp-panel[data-editing] .cp-cell{background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff17}.cp-panel[data-editing] .cp-cell:hover{box-shadow:inset 0 0 0 1px #fff3}.cp-cell[data-lifted]{z-index:4;transform:scale(1.04);background:var(--bg-700)!important;box-shadow:inset 0 0 0 1px var(--signal-line), 0 20px 40px -12px #000000e6!important}.cp-panel[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.cp-edit{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:4px;left:4px;right:4px}.cp-grip,.cp-gear{border:1px solid var(--line-300);background:var(--bg-800);width:28px;height:28px;color:var(--ink-600);cursor:pointer;pointer-events:auto;border-radius:7px;place-items:center;display:grid}.cp-grip{cursor:grab;touch-action:none}.cp-grip:hover,.cp-gear:hover,.cp-gear[aria-expanded=true]{color:var(--ink-950);border-color:var(--line-input)}.cp-panel[data-editing] .cp-hotkey{display:none}.cp-settings{z-index:6;border:1px solid var(--line-300);background:var(--bg-750);width:280px;box-shadow:var(--shadow-2);text-align:left;border-radius:12px;gap:12px;padding:14px;display:grid;position:absolute;top:36px;right:4px}.cp-settings-head{align-items:center;gap:8px;display:flex}.cp-settings-head strong{color:var(--ink-950);font-size:14px}.cp-settings-head code{color:var(--ink-500);font:500 12px var(--font-mono)}.cp-settings-head button{margin-left:auto}.cp-field{gap:6px;display:grid}.cp-field>span{color:var(--ink-600);font:600 12px var(--font-sans)}.cp-field input,.cp-field select{border:1px solid var(--line-300);background:var(--bg-950);min-height:34px;color:var(--ink-950);font:500 14px var(--font-sans);border-radius:8px;padding:0 10px}.cp-field input:focus,.cp-field select:focus{border-color:var(--line-input);outline:none;box-shadow:0 0 0 3px #6f9bff38}.cp-range-fields>div{color:var(--ink-500);align-items:center;gap:6px;font-size:13px;display:flex}.cp-range-fields input{width:72px;font-family:var(--font-mono)}.cp-range-fields .cp-unit-field{width:64px}.cp-swatches{gap:8px;display:flex}.cp-swatches button{background:radial-gradient(circle at 40% 35%, var(--hi), var(--c) 55%, var(--lo));cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #0009}.cp-swatches button[aria-checked=true]{border-color:var(--ink-950)}.cp-settings-foot{border-top:1px solid var(--line-200);justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}.cp-hidden-list{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.cp-chip{border:1px solid var(--line-300);background:var(--bg-800);min-height:30px;color:var(--ink-800);font:600 13px var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.cp-trend{border:1px solid var(--cp-module-edge);background:linear-gradient(#14171b,#0f1114);border-radius:12px;margin-top:12px;padding:12px 14px 10px;box-shadow:inset 0 1px #ffffff0a}.cp-trend-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.cp-trend-head h3{color:var(--ink-700);font:700 12px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;margin:0}.cp-pens{flex-wrap:wrap;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cp-pen{border:1px solid color-mix(in srgb, var(--pen) 35%, var(--line-300));background:color-mix(in srgb, var(--pen) 9%, transparent);min-height:28px;color:var(--ink-800);font:600 12.5px var(--font-sans);border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 9px;display:inline-flex}.cp-pen i{background:var(--pen);width:8px;height:8px;box-shadow:0 0 6px var(--pen);border-radius:50%}.cp-pen-value{min-width:3ch;color:var(--pen);font:600 12.5px var(--font-mono);font-variant-numeric:tabular-nums}.cp-pen button{width:22px;height:22px;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.cp-pen button:hover{color:var(--ink-950);background:#ffffff1a}.cp-pen-add{color:var(--ink-500);align-items:center;display:inline-flex;position:relative}.cp-pen-add svg{pointer-events:none;position:absolute;left:9px}.cp-pen-add select{min-height:28px;color:var(--ink-600);background-color:#0000;border-style:dashed;border-radius:999px;max-width:180px;padding-left:26px;font-size:12.5px}.cp-trend-plot{--chart-grid:#23272e;--chart-axis:#8e939c;height:184px;position:relative}.cp-trend-plot canvas{display:block}.cp-trend-tip{border:1px solid var(--line-300);box-shadow:var(--shadow-2);color:var(--ink-800);font:500 12px var(--font-mono);white-space:pre;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111317f0;border-radius:9px;gap:3px;padding:8px 10px;display:grid;position:absolute;top:6px}.cp-trend-tip[hidden]{display:none}.cp-trend-tip strong{color:var(--ink-500);font-weight:600}.cp-trend-tip span{align-items:center;gap:6px;display:flex}.cp-trend-tip i{border-radius:50%;width:7px;height:7px}.cp-trend-empty{color:var(--ink-500);text-align:center;margin:0;padding:24px 6px;font-size:14px}.cp-tags{align-content:start;gap:12px;padding:14px;display:grid;overflow:auto}.cp-tags-intro{color:var(--ink-600);margin:0;font-size:14px;line-height:1.5}.cp-tags-wrap{border:1px solid var(--line-200);border-radius:10px;overflow-x:auto}.cp-tags table{border-collapse:collapse;width:100%;font-size:14px}.cp-tags th{border-bottom:1px solid var(--line-200);background:var(--bg-850);color:var(--ink-500);font:600 12px var(--font-sans);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:8px 10px}.cp-tags td{border-bottom:1px solid var(--line-100);padding:5px 6px}.cp-tags tr:last-child td{border-bottom:0}.cp-tags td input:not([type=checkbox]),.cp-tags td select{width:100%;min-width:90px;min-height:32px;color:var(--ink-950);font:500 13.5px var(--font-mono);background:0 0;border:1px solid #0000;border-radius:7px;padding:0 8px}.cp-tags td select{font-family:var(--font-sans);border-color:var(--line-200);background:var(--bg-850)}.cp-tags td input:hover{border-color:var(--line-200)}.cp-tags td input:focus,.cp-tags td select:focus{border-color:var(--line-input);background:var(--bg-950);outline:none}.cp-tags td input[aria-invalid]{border-color:var(--fault-border);background:var(--fault-100)}.cp-tags td input[type=checkbox]{width:18px;height:18px;accent-color:var(--lamp-500)}.cp-tags-add{flex-wrap:wrap;gap:8px;display:flex}.cp-menu-anchor{position:relative}.cp-popover{z-index:20;border:1px solid var(--line-300);background:var(--bg-750);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-2);animation:cp-pop .16s var(--ease-out);border-radius:14px;padding:10px;position:absolute;top:calc(100% + 8px);right:0}@keyframes cp-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.cp-menu-title{color:var(--ink-500);font:700 11.5px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;margin:2px 8px 8px}.cp-popover ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cp-popover li button{width:100%;color:var(--ink-700);font:400 13.5px/1.4 var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;gap:2px;padding:10px;display:grid}.cp-popover li button:hover,.cp-popover li button:focus-visible{background:var(--signal-tint-2);outline:none}.cp-popover li strong{color:var(--ink-950);font-size:15px;font-weight:600}.cp-menu-level{color:var(--ink-500);font:600 11.5px var(--font-mono);letter-spacing:.04em;margin:10px 10px 2px}.cp-popover li.cp-menu-level:first-child{margin-top:0}.cp-menu-maker{color:var(--lamp-700);font:600 11.5px var(--font-mono);letter-spacing:.04em}.cp-keys{color:var(--ink-700);grid-template-columns:auto 1fr;gap:9px 14px;margin:0;padding:2px 8px 6px;font-size:14px;display:grid}.cp-keys dt{color:var(--ink-500);align-items:center;gap:4px;display:flex}.cp-keys dd{align-self:center;margin:0}.cp-toast{z-index:30;border:1px solid var(--line-300);max-width:min(560px,100% - 24px);box-shadow:var(--shadow-2);color:var(--ink-900);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cp-toast .24s var(--ease-out);background:#1c2026f0;border-radius:12px;align-items:center;gap:12px;padding:9px 9px 9px 16px;font-size:14px;line-height:1.4;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}@keyframes cp-toast{0%{opacity:0;transform:translate(-50%,8px)}}.cp-dropzone{z-index:25;border:2px dashed var(--lamp-600);color:var(--ink-950);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0f1115d1;border-radius:14px;place-content:center;justify-items:center;gap:10px;font-size:16px;display:grid;position:absolute;inset:8px}.cp-dropzone svg{color:var(--lamp-600)}.cp-next-lab{z-index:20;border:1px solid var(--line-300);background:var(--bg-850);box-shadow:var(--shadow-2);animation:cp-next-lab .24s var(--ease-out);border-radius:12px;align-items:center;gap:10px 14px;margin:10px 12px;padding:10px 10px 10px 16px;display:flex;position:sticky;bottom:12px}@keyframes cp-next-lab{0%{opacity:0;transform:translateY(8px)}}.cp-next-lab p{min-width:0;color:var(--ink-700);flex:1;margin:0;font-size:14px;line-height:1.4}.cp-next-lab strong{color:var(--ink-950)}.cp-next-lab-go{flex:none;min-height:40px}@media (prefers-reduced-motion:reduce){.cp-next-lab{animation:none}}@media (max-width:720px){.cp-next-lab{bottom:calc(62px + env(safe-area-inset-bottom) + var(--cookie-bar-h,0px));z-index:3;flex-wrap:wrap;gap:6px;margin:8px;padding:8px 8px 8px 12px}.cp-next-lab p{flex:calc(100% - 50px)}.cp-next-lab-more{display:none}.cp-next-lab .cp-icon-btn{order:1;width:40px;height:40px}.cp-next-lab-go{flex:100%;order:2;justify-content:center}}.cp-foot{border-top:1px solid var(--line-200);border-radius:0 0 var(--r-xl) var(--r-xl);color:var(--ink-500);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:11px 16px;font-size:13.5px;display:flex}.cp-foot .text-button{font-size:14px}.cp-dialog{border:1px solid var(--line-300);background:var(--bg-850);width:min(640px,100vw - 24px);max-height:calc(100svh - 32px);color:var(--ink-900);box-shadow:var(--shadow-2);border-radius:16px;padding:0}.cp-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050608a8}.cp-dialog[open]{animation:cp-pop .2s var(--ease-out)}.cp-dialog-body{gap:14px;padding:20px;display:grid}.cp-dialog-head{justify-content:space-between;align-items:center;display:flex}.cp-dialog-head h2{font-family:var(--font-serif);margin:0;font-size:30px;font-weight:400}.cp-dialog-lead{color:var(--ink-600);margin:-6px 0 0;font-size:15px;line-height:1.5}.cp-intake{gap:12px;display:grid}.cp-drop{border:1.5px dashed var(--line-input);background:var(--bg-900);color:var(--ink-500);text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:22px 16px;font-size:13.5px;display:grid;position:relative}.cp-drop:hover,.cp-drop[data-dragging]{border-color:var(--lamp-600);background:var(--lamp-tint)}.cp-drop strong{color:var(--ink-950);font-size:15px}.cp-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.cp-or{color:var(--ink-500);align-items:center;gap:12px;font-size:13px;display:flex}.cp-or:before,.cp-or:after{content:"";background:var(--line-200);flex:1;height:1px}.cp-paste{border:1px solid var(--line-300);background:var(--night-950);min-height:150px;color:var(--night-text);font:500 13.5px/1.5 var(--font-mono);resize:vertical;border-radius:10px;padding:12px}.cp-paste:focus{border-color:var(--line-input);outline:none}.cp-dialog-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cp-maker{color:var(--ink-600);align-items:center;gap:8px;font-size:13.5px;display:flex}.cp-units{gap:14px;display:grid}.cp-problems{border:1px solid var(--fault-border);background:var(--fault-100);border-radius:10px;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.cp-problems>svg{color:var(--fault-700);flex-shrink:0;margin-top:2px}.cp-problems ul{margin:4px 0 0;padding-left:18px}.cp-problems p{margin:6px 0 0}.cp-tool[data-demo] .cp-body{height:auto;min-height:var(--cp-pane-h);grid-template-columns:minmax(0,1fr)}.cp-tool[data-demo] .cp-side-scroll{overflow:visible}.cp-tool:fullscreen{border:0;border-radius:0;overflow:auto}.cp-tool:fullscreen .cp-titlebar,.cp-tool:fullscreen .cp-foot{border-radius:0}.cp-tool:fullscreen .cp-body{min-height:calc(100vh - 120px)}.cp-tool[data-demo] .cp-side-scroll{padding:clamp(14px,2.4vw,32px)}.cp-tool[data-demo] .cp-panel{width:min(1180px,100%);margin:0 auto}.cp-tool[data-demo] .cp-trend{width:min(1180px,100%);margin:12px auto 0}.cp-tool[data-demo] .cp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cp-tool[data-demo] .cp-grid-memory{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cp-tool[data-demo] .cp-title input{font-family:var(--font-serif);font-size:24px;font-weight:400}.cp-tool[data-demo] .cp-tagname{display:none}.cp-phone-tabs{border-bottom:1px solid var(--line-200);background:var(--bg-900);grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid}.cp-phone-tabs button{min-height:42px;color:var(--ink-500);font:650 15px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.cp-phone-tabs button[aria-selected=true]{background:var(--bg-700);color:var(--ink-950);box-shadow:inset 0 1px #ffffff0f}.cp-dot{background:#ff5a4e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #ff5a4e}.cp-tool[data-compact] .cp-body{grid-template-columns:minmax(0,1fr);height:auto}.cp-tool[data-compact] .cp-code{border-right:0;height:min(72svh,640px)}.cp-tool[data-compact] .cp-side-scroll{overflow:visible}@media (max-width:1420px){.cp-demo-btn span,.cp-program-actions .cp-menu-anchor~.cp-btn span{display:none}.cp-demo-btn,.cp-program-actions .cp-menu-anchor~.cp-btn{width:36px;padding:0}}@media (max-width:1240px){.cp-scan div:nth-child(2){display:none}}@media (max-width:1100px){.cp-scan{display:none}}@media (max-width:979px){.cp-titlebar{flex-wrap:wrap;gap:10px}.cp-title{flex:140px}.cp-titlebar-end{width:100%;margin-left:0}.cp-titlebar-end .cp-demo-btn{margin-left:auto}.cp-scan{margin-left:auto;display:flex}.cp-scan div:nth-child(2){display:none}}@media (max-width:720px){.cp-tool{border-radius:var(--r-lg)}.cp-titlebar{border-radius:var(--r-lg) var(--r-lg) 0 0;flex-wrap:nowrap;gap:6px;min-height:0;padding:8px 8px 8px 10px}.cp-titlebar-end{gap:6px;width:auto}.cp-cpu{flex-direction:column;gap:3px;padding:5px 6px}.cp-cpu-led{padding:0 2px;font-size:9px}.cp-cpu-led:before{width:7px;height:5px}.cp-title{flex:1 1 0;min-width:0}.cp-title input{padding:0 4px;font-size:15px}.cp-program-actions{gap:6px}.cp-program-actions .cp-btn span,.cp-program-actions .cp-btn svg+svg{display:none}.cp-program-actions .cp-btn,.cp-demo-btn{width:40px;min-height:40px;padding:0}.cp-demo-btn span{display:none}.cp-phonebar{bottom:var(--cookie-bar-h,0px);z-index:5;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#15181df0;gap:6px;display:flex;position:sticky}.cp-phonebar .cp-run{flex:1}.cp-phonebar .cp-btn-run{flex:1;min-height:46px;font-size:16px}.cp-phonebar .cp-btn-icon{width:46px;min-height:46px}.cp-phonebar .cp-speed select{min-height:46px}.cp-side-scroll{padding:10px}.cp-group{padding:8px 10px 12px}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px 2px}.cp-cell{padding-inline:2px}.cp-plate-label{letter-spacing:.05em;padding-inline:6px;font-size:11.5px}.cp-pane-head{flex-wrap:wrap}.cp-profile{width:100%}.cp-profile .cp-seg{flex:1;overflow-x:auto}.cp-pane-actions{width:100%}.cp-pane-actions>*{flex:1}.cp-pane-actions .cp-menu-anchor>.cp-btn{width:100%}.cp-panel-head{flex-wrap:nowrap}.cp-search{max-width:none}.cp-range{height:40px}.cp-range::-webkit-slider-thumb{width:26px;height:36px;margin-top:calc((var(--track) - 36px) / 2 - 1px)}.cp-trend-plot{height:160px}.cp-settings{width:auto;position:fixed;inset:auto 10px 10px}.cp-popover{overscroll-behavior:contain;width:auto;max-width:none;max-height:min(78svh,620px);position:fixed;inset:auto 10px 10px;overflow-y:auto}.cp-trend-head{grid-template-columns:auto auto;justify-content:space-between;display:grid}.cp-trend-head .cp-pens{order:3;grid-column:1/-1}.cp-pane-head .cp-download,.cp-pane-head .cp-btn-icon{display:none}.cp-profile select{min-width:112px}.cp-profile .cp-seg button{padding:0 9px}.cp-foot{font-size:13px}.cp-toast{position:fixed;bottom:16px}}@media (hover:none) and (pointer:coarse){.cp-hotkey,.cp-search kbd{display:none}}@media (prefers-reduced-motion:reduce){.cp-tool *,.cp-tool :before,.cp-tool :after{transition:none!important;animation:none!important}}.shell .page-content:has(>.landing>.sim-hero-3d){padding-top:clamp(18px,2vw,30px)}.sim-hero-3d{grid-template-rows:auto 1fr;grid-template-areas:"copy stage""actions stage";align-items:start;row-gap:22px}.sim-hero-3d-copy{grid-area:copy;justify-items:start;gap:14px;min-width:0;padding-top:clamp(8px,2vw,32px);display:grid}.sim-hero-3d .landing-title{font-size:clamp(40px,3.5vw,62px)}.sim-hero-3d .home-lead{max-width:52ch;margin:0;font-size:clamp(16px,1.2vw,19px)}.sim-hero-makers{color:var(--ink-500);font-size:var(--fs-15);margin:0}.sim-hero-3d-actions{grid-area:actions;justify-items:start;gap:14px;min-width:0;display:grid}.sim-hero-3d-stage{grid-area:stage}@media (max-width:1100px){.sim-hero-3d{grid-template-rows:auto;grid-template-areas:"copy""actions""stage"}}@media (max-width:720px){.sim-hero-3d{row-gap:16px}.sim-hero-3d-copy{gap:10px;padding-top:0}.sim-hero-makers{display:none}.sim-hero-3d .home-lead{line-height:1.5}}.section-lead{max-width:62ch;color:var(--ink-700);margin:10px 0 0;line-height:1.55}.sim-after-run a,.sim-compare-links a{color:var(--ink-950);white-space:nowrap;align-items:center;gap:5px;font-weight:620;text-decoration:none;display:inline-flex}.sim-after-run a:hover,.sim-compare-links a:hover{text-underline-offset:3px;text-decoration:underline}.sim-after-run{border:1px solid var(--ok-border);border-radius:var(--r-md);background:var(--ok-100);font-size:var(--fs-15);color:var(--ink-800);animation:sim-after-run-in .32s var(--ease-out) both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 20px;margin:12px 0 0;padding:12px 16px;line-height:1.45;display:flex}.sim-after-run strong{color:var(--ink-950);font-weight:650}@keyframes sim-after-run-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.sim-after-run{animation:none}}.sim-compare-links{font-size:var(--fs-15);color:var(--ink-500);margin:14px 0 0}@media (max-width:720px){.sim-lead-more{display:none}}.sim-tool{z-index:6;scroll-margin-top:calc(var(--header-h,60px) + 12px);margin-bottom:clamp(48px,6vw,88px);position:relative}.cp-skeleton .cp-body{background:linear-gradient(90deg, var(--night-900) 46%, #121418 46%)}.cp-skeleton .cp-foot{justify-content:center}@media (max-width:720px){.cp-skeleton .cp-body{background:#121418;height:70svh}}.cp-editor[data-flash]{animation:1.6s ease-out cp-show-me}@keyframes cp-show-me{0%,60%{box-shadow:inset 0 0 0 2px var(--fault-700)}to{box-shadow:inset 0 0 0 2px #0000}}@media (prefers-reduced-motion:reduce){.cp-editor[data-flash]{box-shadow:inset 0 0 0 2px var(--fault-700);animation:none}}.cp-tool .cp-program-actions .cp-btn .pro-tag{display:inline-flex}.cp-tool .cp-program-actions .cp-btn .pro-tag span{display:inline}.cp-seg button:has(.pro-tag){align-items:center;gap:4px;padding-right:6px;display:inline-flex}.cp-menu-maker:has(.pro-tag){align-items:center;gap:6px;display:flex}@media (pointer:coarse){.sim-hero-3d canvas,.hp-plant canvas{touch-action:pan-y!important}}