.cs-page .nav{background:color-mix(in srgb, var(--p-soft) 85%, transparent)}.cs{overflow-x:clip}.cs-hero{padding:clamp(24px, 4vw, 48px) var(--gutter) clamp(36px, 5vw, 64px);background:radial-gradient(color-mix(in srgb, var(--p-deep) 22%, transparent) 1.2px, transparent 1.3px) 0 0 / 22px 22px, var(--p-soft);border-bottom:var(--stroke) solid var(--ink);position:relative}.cs-hero>*{max-width:1180px;margin-left:auto;margin-right:auto}.cs-hero{isolation:isolate;overflow:hidden}.cs-floaters{z-index:-1;pointer-events:none;position:absolute;inset:0;max-width:none!important}.cs-c1{--s:64px;--fc:var(--p);top:16%;left:46%}.cs-c2{--s:44px;--fc:var(--paper);top:9%;right:30%}.cs-c2 .cube-in{animation-duration:14s;animation-direction:reverse}.cs-o1{background:var(--p-deep);width:22px;height:22px;top:34%;left:2.5%;box-shadow:inset -4px -5px #0000002e}@media (width<=960px){.cs-c1{--s:46px;top:10%;left:auto;right:8%}.cs-c2,.cs-o1{display:none}}.cs-cap{transform-style:preserve-3d;border-radius:24%}.cs-cap .tilt-glare{display:none}.cs-back{border:2px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.cs-back:hover{transform:translate(-3px)}.cs-back:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.cs-hero-grid{grid-template-columns:1fr auto;align-items:center;gap:clamp(24px,5vw,80px);margin-top:clamp(28px,5vw,56px);display:grid}.cs-title{letter-spacing:-.055em;margin:0;font-size:clamp(54px,10vw,136px);font-weight:800;line-height:.92}.cs-title span{animation:cs-rise .9s var(--ease-out) both;display:inline-block}@keyframes cs-rise{0%{opacity:0;transform:translateY(40%)}}.cs-tagline{letter-spacing:-.03em;margin:14px 0 20px;font-size:clamp(24px,3.2vw,40px);font-weight:700;line-height:1.15}.cs-tagline em{font-size:1.08em}.cs-hero .lead{max-width:62ch;color:var(--ink-2)}.cs-private{font-family:var(--mono);color:var(--ink-2);border:2px dashed var(--ink);background:var(--paper);border-radius:12px;padding:10px 14px;font-size:13px;display:inline-block}.cs-cap{perspective:600px}.cs-key{aspect-ratio:1;border:var(--stroke) solid var(--ink);background:var(--p-deep);width:clamp(150px,20vw,250px);box-shadow:0 12px 0 var(--ink);transition:transform .4s var(--ease-spring), box-shadow .12s;animation:cs-drop .9s var(--ease-spring) .15s both;border-radius:22%;padding:0;display:block;position:relative;transform:rotate(-6deg)}@keyframes cs-drop{0%{opacity:0;transform:translateY(-60px)rotate(-20deg)}}.cs-key:hover{transform:rotate(0)translateY(-4px)}.cs-key.down{box-shadow:0 3px 0 var(--ink);transition-duration:80ms;transform:rotate(0)translateY(9px)}.cs-key-top{border:2.5px solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--p) 55%, #fff), var(--p));border-radius:18%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:6% 7% 17%}.cs-key-top b{letter-spacing:-.05em;font-size:clamp(64px,9vw,112px);line-height:.9}.cs-key-top small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.cs-meta{border-top:2px solid var(--ink);grid-template-columns:repeat(3,auto) 1fr;gap:0;margin-top:clamp(32px,5vw,56px);display:grid}.cs-meta>div{padding:16px 28px 0 0}.cs-meta>div+div{border-left:1.5px dashed color-mix(in srgb, var(--ink) 35%, transparent);padding-left:24px}.cs-meta dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:6px;font-size:11.5px}.cs-meta dd{margin:0;font-size:15.5px;font-weight:600}.cs-meta-stack dd{flex-wrap:wrap;gap:6px;display:flex}.cs-meta-stack span{font-family:var(--mono);border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.cs-stats{max-width:1180px;padding:0 var(--gutter);z-index:2;grid-template-columns:repeat(4,1fr);gap:14px;margin:clamp(-34px,-3vw,-24px) auto 0;display:grid;position:relative}.cs-stat{border:var(--stroke) solid var(--ink);background:var(--paper);box-shadow:0 6px 0 var(--ink);transition:transform .2s var(--ease-out);border-radius:20px;padding:18px 20px}.cs-stat:nth-child(odd){background:color-mix(in srgb, var(--p) 30%, var(--paper))}.cs-stat:hover{transform:translateY(-4px)rotate(-1deg)}.cs-stat b{letter-spacing:-.045em;font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1;display:block}.cs-stat span{color:var(--ink-2);margin-top:8px;font-size:14px;line-height:1.3;display:block}.cs-section{max-width:1180px;padding:clamp(72px, 10vw, 128px) var(--gutter) 0;margin:0 auto}.cs-head{margin-bottom:clamp(28px,4vw,48px)}.cs-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(32px,4.6vw,58px);font-weight:800;line-height:1.04}.cs-head h2 em{font-size:1.06em}.eyebrow .num{border:2px solid var(--ink);background:var(--p);min-width:26px;height:26px;color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:8px;place-items:center;margin-right:4px;padding:0 6px;font-weight:600;display:inline-grid}.cs-prose p{color:var(--ink-2);margin:0 0 16px;font-size:17.5px}.cs-prose code,.cs-steps code,.challenge code{font-family:var(--mono);background:color-mix(in srgb, var(--p) 35%, var(--paper));border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.86em}.cs-problem-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.cs-problem blockquote{border-left:6px solid var(--p);margin:0;padding-left:clamp(18px,2vw,28px);position:relative}.cs-problem blockquote p{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,3.4vw,44px);font-style:italic;line-height:1.18}.vis-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:22px;display:grid}.vis.wide{grid-column:1/-1}.vis{margin:0}.vis figcaption{color:var(--ink-2);margin-top:12px;padding-left:2px;font-size:14px}.vis img{width:100%;height:auto;display:block}.frame-browser{border:var(--stroke) solid var(--ink);box-shadow:0 8px 0 var(--ink);background:#0b0b0c;border-radius:18px;overflow:hidden}.fb-bar{border-bottom:2.5px solid var(--ink);background:#f4f1ea;align-items:center;gap:6px;padding:10px 14px;display:flex}.fb-bar i{border:1.5px solid var(--ink);background:#f87171;border-radius:50%;width:11px;height:11px}.fb-bar i:nth-child(2){background:#fbbf24}.fb-bar i:nth-child(3){background:#4ade80}.fb-bar span{max-width:360px;font-family:var(--mono);background:var(--paper);border:1.5px solid var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-left:10px;padding:3px 12px;font-size:12px;overflow:hidden}.frame-browser img{aspect-ratio:16/10;object-fit:cover;object-position:center top}.vis-phone{justify-self:center;width:min(100%,280px)}.frame-phone{border:10px solid var(--ink);box-shadow:0 0 0 var(--stroke) var(--ink), 0 10px 0 var(--ink);background:#000;border-radius:44px;position:relative;overflow:hidden}.fp-notch{background:var(--ink);z-index:1;border-radius:999px;width:34%;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.frame-image{border:var(--stroke) solid var(--ink);box-shadow:0 8px 0 var(--ink);background:var(--paper);border-radius:18px;overflow:hidden}.frame-image.dark{background:#0b0b0c;padding:clamp(10px,2vw,22px)}.vis-grid-shots{grid-template-columns:repeat(3,1fr)}.frame-shot{border:var(--stroke) solid var(--ink);width:100%;box-shadow:0 6px 0 var(--ink);cursor:zoom-in;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);background:#111;border-radius:16px;padding:0;display:block;overflow:hidden}.frame-shot:hover{box-shadow:0 10px 0 var(--ink);transform:translateY(-4px)rotate(-.8deg)}.vis-shot:nth-child(2n) .frame-shot:hover{transform:translateY(-4px)rotate(.8deg)}.zoom{border:var(--stroke) solid var(--ink);max-width:min(92vw,1000px);box-shadow:0 10px 0 var(--ink);background:#111;border-radius:20px;padding:0}.zoom::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16161699}.zoom img{max-width:100%;max-height:86vh;display:block}.zoom button{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:38px;height:38px;font-weight:700;position:absolute;top:10px;right:10px}.diagram-card{border:var(--stroke) solid var(--ink);background:radial-gradient(#0000001f 1.2px, transparent 1.3px) 0 0 / 20px 20px, var(--paper);box-shadow:0 8px 0 var(--ink);border-radius:24px;padding:clamp(14px,3vw,32px);overflow-x:auto}.diagram{width:100%;min-width:620px;height:auto;display:block;overflow:visible}.d-shadow{fill:var(--ink)}.d-box{fill:var(--c);stroke:var(--ink);stroke-width:2.5px}.d-label{font-family:var(--font);fill:var(--ink);letter-spacing:-.02em;font-size:16px;font-weight:800}.d-sub{font-family:var(--mono);fill:var(--ink-2);font-size:11px}.d-edge{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.d-edge.dashed{stroke-dasharray:7 7;animation:1.2s linear infinite d-flow}.d-edge.thick{stroke:var(--p-deep);stroke-width:6px;stroke-dasharray:2 14;animation:.6s linear infinite d-flow}@keyframes d-flow{to{stroke-dashoffset:-28px}}.d-arrow{fill:var(--ink)}.d-elabel rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.d-elabel text{font-family:var(--mono);fill:var(--ink);font-size:11.5px;font-weight:600}.d-node{transform-box:fill-box;transform-origin:50%}.diagram-card:not(.in) .d-node{opacity:0;transform:scale(.7)}.diagram-card.in .d-node{animation:d-pop .55s var(--ease-spring) both;animation-delay:calc(var(--i) * 90ms + .1s)}@keyframes d-pop{0%{opacity:0;transform:scale(.6)translateY(10px)}}.diagram-card:not(.in) .d-edges{opacity:0}.diagram-card.in .d-edges{animation:.6s .5s both fade}@keyframes fade{0%{opacity:0}}.cs-steps{grid-template-columns:repeat(2,1fr);gap:18px 28px;margin:clamp(28px,4vw,44px) 0 0;padding:0;list-style:none;display:grid}.cs-steps li{grid-template-columns:52px 1fr;align-items:start;gap:16px;display:grid}.step-key{border:var(--stroke) solid var(--ink);background:var(--p);width:52px;height:52px;box-shadow:0 4px 0 var(--ink);border-radius:14px;place-items:center;font-size:22px;font-weight:800;display:grid}.cs-steps li.in .step-key{animation:tap .5s var(--ease-out) both;animation-delay:calc(var(--d,0s) + .3s)}.cs-steps h3{letter-spacing:-.02em;margin:4px 0 6px;font-size:19px}.cs-steps p{color:var(--ink-2);margin:0;font-size:15.5px}.demo{border:var(--stroke) solid var(--ink);background:radial-gradient(color-mix(in srgb, var(--p-deep) 18%, transparent) 1.2px, transparent 1.3px) 0 0 / 20px 20px, var(--p-soft);box-shadow:0 10px 0 var(--ink);border-radius:28px;min-height:320px;padding:clamp(18px,3vw,36px);position:relative;overflow:hidden}.challenge-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.challenge{border:var(--stroke) solid var(--ink);background:var(--paper);box-shadow:0 6px 0 var(--ink);border-radius:22px;padding:22px 24px}.challenge h3{letter-spacing:-.02em;margin:0 0 14px;font-size:21px}.challenge p{color:var(--ink-2);margin:0;font-size:15.5px}.challenge p+p{border-top:1.5px dashed var(--line);margin-top:12px;padding-top:12px}.ch-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--ink);vertical-align:1px;color:var(--ink);border-radius:6px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ch-tag.bad{background:#fecaca}.ch-tag.good{background:#bbf7d0}.journal{margin:0;padding:0;list-style:none;position:relative}.journal:before{content:"";background:var(--ink);border-radius:3px;width:3px;position:absolute;top:6px;bottom:6px;left:150px}.journal li{grid-template-columns:130px 40px 1fr;align-items:start;gap:0 10px;padding-bottom:26px;display:grid}.journal time{font-family:var(--mono);text-align:right;color:var(--ink-2);padding-top:3px;font-size:13px;font-weight:600}.j-dot{border:var(--stroke) solid var(--ink);background:var(--p);z-index:1;opacity:0;width:20px;height:20px;transition:transform .45s var(--ease-spring), opacity .3s;border-radius:6px;margin:2px 0 0 1px;position:relative;transform:rotate(45deg)scale(.4)}.journal li.in .j-dot{opacity:1;transform:rotate(45deg)}.journal li.now .j-dot{background:var(--p-deep);box-shadow:0 0 0 6px color-mix(in srgb, var(--p) 50%, transparent)}.journal h3{letter-spacing:-.02em;margin:0 0 4px;font-size:18px}.journal p{color:var(--ink-2);max-width:60ch;margin:0;font-size:15.5px}.cs-next-card{background:var(--ink);color:var(--cream);box-shadow:0 10px 0 var(--p-deep);border-radius:30px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,5vw,56px);display:grid}.cs-next-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05}.cs-next-card em{color:var(--p)}.cs-next-card .eyebrow{color:#c9c4b8}.cs-next-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cs-next-card li{color:#e7e3d9;border:1.5px solid #3a3833;border-radius:14px;padding:14px 16px 14px 46px;font-size:15.5px;position:relative}.cs-next-card li:before{content:"→";color:var(--p);font-weight:700;position:absolute;top:13px;left:16px}.cs-credits{color:#c9c4b8;margin:16px 0 0;font-size:15px}.cs-credits a{color:var(--p)}.cs-pager{max-width:1180px;padding:0 var(--gutter);grid-template-columns:1fr 1fr;gap:18px;margin:clamp(64px,9vw,112px) auto 0;display:grid}.pager-key{border:var(--stroke) solid var(--ink);background:color-mix(in srgb, var(--c) 70%, #000 12%);height:clamp(110px,12vw,150px);box-shadow:0 8px 0 var(--ink);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);border-radius:22px;text-decoration:none;display:block;position:relative}.pager-top{border:2.5px solid var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 50%, #fff), var(--c));border-radius:16px;flex-direction:column;justify-content:center;padding:0 clamp(16px,3vw,32px);transition:transform .12s;display:flex;position:absolute;inset:6px 8px 16px}.pager-key.next .pager-top{text-align:right;align-items:flex-end}.pager-top small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.pager-top b{letter-spacing:-.04em;font-size:clamp(24px,3.4vw,40px);line-height:1.05}.pager-key:hover .pager-top{transform:translateY(-3px)}.pager-key:active,.pager-key.down{box-shadow:0 2px 0 var(--ink);transform:translateY(6px)}.pager-hint{text-align:center;color:var(--ink-2);margin:22px var(--gutter) clamp(56px, 8vw, 96px);font-size:14px}.cs-page .footer a{font-weight:700}@media (width<=960px){.cs-hero-grid{grid-template-columns:1fr}.cs-cap{order:-1}.cs-key{width:120px}.cs-key-top b{font-size:56px}.cs-key-top small{display:none}.cs-meta{grid-template-columns:1fr 1fr}.cs-meta>div{padding:14px 12px 14px 0}.cs-meta>div+div{border-left:0;padding-left:0}.cs-meta>div:nth-child(2n){border-left:1.5px dashed color-mix(in srgb, var(--ink) 35%, transparent);padding-left:16px}.cs-meta-stack{border-top:1.5px dashed color-mix(in srgb, var(--ink) 35%, transparent);grid-column:1/-1;border-left:0!important;padding-left:0!important}.cs-stats{grid-template-columns:repeat(2,1fr)}.cs-problem-grid,.cs-next-card,.cs-steps,.challenge-grid{grid-template-columns:1fr}.vis-grid-shots{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.vis-grid{grid-template-columns:1fr}.vis-grid-shots{grid-template-columns:1fr 1fr;gap:12px}.journal:before{left:9px}.journal li{grid-template-columns:20px 1fr;gap:2px 16px}.journal time{text-align:left;color:var(--p-deep);grid-column:2;padding:0}.journal .j-dot{grid-area:1/1/span 2;margin-top:4px}.journal li>div{grid-column:2}.cs-pager{grid-template-columns:1fr}.pager-key.next .pager-top{text-align:left;align-items:flex-start}.cs-stat{padding:14px}}.demo button{font:inherit}.demo .btn{padding:10px 16px;font-size:15px}.demo .btn:disabled{opacity:.5;pointer-events:none}.pd{position:relative}.pd-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pd-switch{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:inline-flex}.pd-switch input{opacity:0;position:absolute}.pd-switch span{border:2.5px solid var(--ink);background:#e5e7eb;border-radius:999px;width:50px;height:28px;transition:background .2s;position:relative}.pd-switch span:after{content:"";background:var(--paper);border:2px solid var(--ink);width:19px;height:19px;transition:transform .25s var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px}.pd-switch input:checked+span{background:#86efac}.pd-switch input:checked+span:after{transform:translate(22px)}.pd-switch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.pd-reacts{gap:6px;display:flex}.pd-reacts button{border:2px solid var(--ink);background:var(--paper);width:42px;height:42px;box-shadow:0 3px 0 var(--ink);border-radius:12px;font-size:20px;transition:transform .1s}.pd-reacts button:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.pd-rows{gap:10px;display:grid}.pd-row{border:2.5px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:16px;grid-template-columns:40px 140px 1fr 90px;align-items:center;gap:14px;padding:12px 14px;display:grid}.pd-row.host{color:#fff;background:#1a1a1a}.pd-row.host .pd-info small{color:#a1a1aa}.pd-av{background:var(--c);border:2px solid var(--ink);width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;font-weight:800;display:grid}.pd-info{flex-direction:column;min-width:0;line-height:1.25;display:flex}.pd-info small{font-family:var(--mono);color:var(--ink-2);font-size:11.5px}.pd-track{min-width:0}.pd-bar{border:1.5px solid var(--ink);background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.pd-row.host .pd-bar{background:#3f3f46;border-color:#3f3f46}.pd-bar i{background:var(--p-deep);height:100%;display:block}.pd-row.host .pd-bar i{background:#fff}.pd-lyric{white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:14.5px;font-weight:700;overflow:hidden}.pd-lyric.pop{animation:pane-in .35s var(--ease-out)}.pd-off{font-family:var(--mono);border:1.5px solid var(--ink);white-space:nowrap;border-radius:8px;justify-self:end;padding:4px 8px;font-size:12.5px;font-weight:600}.pd-row.host .pd-off{color:#d4d4d8;border-color:#52525b}.pd-off.ok{background:#bbf7d0}.pd-off.meh{background:#fde68a}.pd-off.bad{background:#fecaca}.pd-row.host .pd-off.ok{background:0 0}.pd-row.resync{animation:resync .5s var(--ease-out)}@keyframes resync{30%{box-shadow:0 4px 0 var(--ink), 0 0 0 4px #86efac}}.pd-note{color:var(--ink-2);margin:16px 0 0;font-size:14.5px}.pd-float{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pd-float span{animation:float-up 2s var(--ease-out) forwards;font-size:30px;position:absolute;bottom:10px}@keyframes float-up{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:1;transform:translateY(-20px)scale(1.1)}to{transform:translate(var(--dx), -300px) scale(.9);opacity:0}}.dd{gap:20px;display:grid}.dd-controls{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.dd-seg{border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;display:inline-flex;overflow:hidden}.dd-seg button{background:var(--paper);border:0;padding:8px 14px;font-size:14px;font-weight:700}.dd-seg button+button{border-left:2px solid var(--ink)}.dd-seg button.on{background:var(--p)}.dd-speed,.dd-check{align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.dd-speed input{accent-color:var(--p-deep);width:130px}.dd-speed b{font-family:var(--mono);min-width:64px;font-size:13px}.dd-check input{width:18px;height:18px;accent-color:var(--p-deep)}.dd-stage{grid-template-columns:170px 1fr 170px;align-items:center;gap:14px;display:grid}.dd-dev{border:2.5px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;display:flex}.dd-dev small{font-family:var(--mono);color:var(--ink-2);font-size:11.5px}.dd-file{place-items:center;height:54px;font-size:36px;line-height:1;display:grid}.dd-ring{width:54px;height:54px;position:relative}.dd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.dd-ring circle{fill:none;stroke:#e5e7eb;stroke-width:5px}.dd-ring .dd-ring-p{stroke:var(--p-deep);stroke-dasharray:100.5;stroke-dashoffset:100.5px;stroke-linecap:round}.dd-ring em{font-style:normal;font-family:var(--mono);color:var(--ink);place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.dd.done .dd-ring .dd-ring-p{stroke:#22c55e}.dd-pipe{border:2.5px solid var(--ink);background:repeating-linear-gradient(90deg, transparent 0 18px, #0000000d 18px 20px), var(--paper);border-radius:999px;height:110px;position:relative;overflow:hidden}.dd-lane{position:absolute;inset:0}.dd-lane i{background:var(--p-deep);border:1.5px solid var(--ink);border-radius:4px;width:16px;height:16px;margin-top:-8px;animation:1.6s linear forwards chunk;position:absolute;left:-20px}@keyframes chunk{to{left:calc(100% + 20px)}}.dd-state{font-family:var(--mono);border:1.5px solid var(--ink);background:var(--paper);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:94%;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.dd-state.wait{background:#fde68a}.dd-state.ok{background:#bbf7d0}.dd-state.bad{background:#fecaca}.dd.error .dd-pipe{border-color:#dc2626;animation:.4s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.dd-buf-head{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.dd-buf-head code{font-family:var(--mono);font-size:12px}.dd-buf-v{font-family:var(--mono)}.dd-gauge{border:2.5px solid var(--ink);background:var(--paper);border-radius:999px;height:22px;position:relative;overflow:hidden}.dd-fill{background:#86efac;width:0;transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.dd-gauge.over .dd-fill{background:#fbbf24}.dd.error .dd-fill{background:#f87171;width:100%!important}.dd-mark{border-left:3px dashed var(--ink);position:absolute;top:-2px;bottom:-2px;left:25%}.dd-scale{font-family:var(--mono);color:var(--ink-2);justify-content:space-between;margin-top:4px;font-size:11px;display:flex;position:relative}.dd-scale span:nth-child(2){position:absolute;left:25%;transform:translate(-50%)}.dd-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;display:grid}.dd-stats div{border:2px solid var(--ink);background:var(--paper);border-radius:14px;padding:10px 12px}.dd-stats dt{color:var(--ink-2);font-size:12px}.dd-stats dd{font-family:var(--mono);margin:2px 0 0;font-size:16px;font-weight:600}.hs{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:24px;display:grid}.hs-stage{border:2.5px solid var(--ink);background:var(--paper);border-radius:18px;grid-template-columns:repeat(3,1fr);min-height:440px;padding:14px 0;display:grid;position:relative}.hs-col{flex-direction:column;align-items:center;display:flex}.hs-head{flex-direction:column;align-items:center;gap:6px;height:70px;font-size:14px;display:flex}.hs-life{border-left:2.5px dashed #00000040;flex:1;width:0}.hs-screen{border:2.5px solid var(--ink);background:#fff;border-radius:6px;flex-direction:column;gap:3px;width:54px;height:36px;padding:5px;display:flex}.hs-screen i{background:#e5e7eb;border-radius:2px;height:4px}.hs-screen.sharing i:first-child,.hs.hs-done .hs-screen.viewer i:first-child{background:var(--p-deep)}.hs.hs-done .hs-screen.viewer{box-shadow:0 0 0 4px var(--p)}.hs-srv{border:2.5px solid var(--ink);background:#e5e7eb;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.hs-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hs-arrows marker path{fill:var(--ink)}.hs-msg path{fill:none;stroke:var(--ink);stroke-width:2.5px}.hs-msg.via path{stroke-dasharray:6 5}.hs-msg.direct path{stroke:var(--p-deep);stroke-width:5px;stroke-dasharray:2 10;stroke-linecap:round;animation:.6s linear infinite d-flow}.hs-msg rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.hs-msg text{font-family:var(--mono);fill:var(--ink);font-size:11.5px;font-weight:600}.hs-msg.last rect{fill:var(--p)}.hs-msg.last{animation:pane-in .45s var(--ease-out)}.hs-panel{flex-direction:column;justify-content:center;gap:12px;display:flex}.hs-count{font-family:var(--mono);color:var(--ink-2);margin:0;font-size:13px}.hs-text{min-height:5.8em;margin:0;font-size:19px;font-weight:600;line-height:1.45}.hs-btns{flex-wrap:wrap;gap:10px;display:flex}.bd{gap:14px;display:grid}.bd-canvas{border:2.5px solid var(--ink);touch-action:none;background:radial-gradient(#0000002e 1.3px,#0000 1.4px) 0 0/22px 22px,#fcfcf9;border-radius:18px;height:420px;position:relative;overflow:hidden}.bd-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bd-edges path{fill:none;stroke:var(--p-deep);stroke-width:3px;stroke-dasharray:8 6;animation:1s linear infinite d-flow}.bd-node{border:2.5px solid var(--ink);background:var(--paper);width:190px;box-shadow:0 5px 0 var(--ink);border-radius:14px;font-size:13.5px;position:absolute;top:0;left:0}.bd-node.dragging{box-shadow:0 12px 24px #0000002e, 0 5px 0 var(--ink)}.bd-node header{background:var(--c);border-bottom:2px solid var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:11px 11px 0 0;align-items:center;gap:8px;padding:7px 10px;font-weight:700;display:flex}.bd-node.dragging header{cursor:grabbing}.bd-node header span{font-family:var(--mono);font-size:12px}.bd-body{gap:6px;padding:10px;display:grid}.bd-body p{outline:none;margin:0}.bd-body [contenteditable]:focus{background:#fffbe6;border-radius:4px}.bd-body label{align-items:center;gap:6px;display:flex}.bd-body button{border:1.5px solid var(--ink);background:var(--paper);border-radius:8px;justify-content:space-between;padding:5px 9px;display:flex}.bd-body button:hover{background:var(--p-soft)}.bd-q{font-weight:700}.bd-timer{font-family:var(--mono);text-align:center;font-size:26px;font-weight:600}.bd-body pre{font-family:var(--mono);color:#a7f3d0;white-space:pre-wrap;background:#18181b;border-radius:8px;margin:0;padding:8px;font-size:12px}.bd-handle{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%}.bd-handle.l{left:-7px}.bd-handle.r{right:-7px}.bd-cursor{z-index:999;pointer-events:none;align-items:flex-start;display:flex;position:absolute;top:0;left:0}.bd-cursor svg{width:18px;height:18px;fill:var(--c);stroke:var(--ink);stroke-width:1.2px}.bd-cursor b{background:var(--c);color:#fff;border:1.5px solid var(--ink);border-radius:6px;margin:14px 0 0 -2px;padding:1px 7px;font-size:11px}.bd-toolbar{flex-wrap:wrap;gap:8px;display:flex}.bd-toolbar button{border:2px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);border-radius:12px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.bd-toolbar button span{background:var(--c);border:1.5px solid var(--ink);width:22px;height:22px;font-family:var(--mono);border-radius:6px;place-items:center;font-size:10.5px;font-weight:700;display:grid}.bd-toolbar button:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.fd{border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#0f172a;border-radius:18px;gap:0;display:grid;overflow:hidden}.fd-head{color:#fff;background:#1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.fd-head>div:first-child{flex-direction:column;display:flex}.fd-head small{color:#94a3b8;font-size:12px}.fd-score{color:#cbd5e1;gap:14px;font-size:13px;display:flex}.fd-score b{color:#fff;font-family:var(--mono)}.fd-head .btn{color:var(--ink);padding:6px 12px;font-size:13px;box-shadow:0 3px #000}.fd-roll{height:300px;position:relative;overflow:hidden}.fd-lanes{grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.fd-lanes span{border-right:1px solid #ffffff0f}.fd-notes i{color:#082f49;will-change:transform;background:#38bdf8;border:2px solid #0c4a6e;border-radius:8px;justify-content:center;align-items:flex-end;width:calc(12.5% - 8px);padding-bottom:4px;font-size:11px;font-style:normal;font-weight:700;display:flex;position:absolute;top:0}.fd-notes i.hit{opacity:.35;background:#86efac;border-color:#14532d}.fd-line{background:#facc15;height:3px;position:absolute;bottom:16px;left:0;right:0;box-shadow:0 0 12px #facc15}.fd-wait{color:#e2e8f0;opacity:0;transition:opacity .2s, transform .3s var(--ease-spring);white-space:nowrap;background:#0f172ae6;border:1px solid #334155;border-radius:999px;margin:0;padding:6px 14px;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%,-8px)}.fd-roll.waiting .fd-wait{opacity:1;transform:translate(-50%)}.fd-keys{background:#0f172a;grid-template-columns:repeat(8,1fr);gap:0;padding:0 0 6px;display:grid}.fd-keys button{color:#334155;touch-action:manipulation;background:#fff;border:2px solid #0f172a;border-top:0;border-radius:0 0 10px 10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:110px;padding-bottom:10px;font-size:13px;transition:background .1s;display:flex;box-shadow:inset 0 -8px #e2e8f0}.fd-keys button kbd{box-shadow:none;padding:0 5px;font-size:10px}.fd-keys button.next{background:#e0f2fe;box-shadow:inset 0 -8px #38bdf8}.fd-keys button.down{background:#bae6fd;box-shadow:inset 0 -2px #38bdf8}.fd-keys button.wrong{background:#fecaca}.wd{grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,5vw,64px);display:grid}.wd-device{border:var(--stroke) solid var(--ink);width:250px;box-shadow:0 8px 0 var(--ink), inset 0 2px 0 #fff;background:linear-gradient(160deg,#fafafa,#e4e4e7);border-radius:34px;justify-items:center;gap:22px;padding:18px;display:grid}.wd-screen{aspect-ratio:240/320;border:2.5px solid var(--ink);color:#f5f5f4;width:100%;font-family:var(--mono);background:#0b0b0c;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.wd-status{color:#a1a1aa;border-bottom:1px solid #27272a;justify-content:space-between;padding:6px 10px;font-size:10.5px;display:flex}.wd-title{color:#f5f5f4;font-weight:600}.wd-list{scrollbar-width:none;flex:1;margin:0;padding:0;list-style:none;overflow:auto}.wd-list li{white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;padding:7px 10px;font-size:12.5px;display:flex;overflow:hidden}.wd-list li.on{color:#0b0b0c;background:#f5f5f4;font-weight:600}.wd-now{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.wd-now[hidden]{display:none}.wd-cover{aspect-ratio:1;background:linear-gradient(135deg, var(--p), #f472b6 60%, #60a5fa);border-radius:6px;width:70%}.wd-now b{font-size:13px}.wd-now small{color:#a1a1aa;font-size:9.5px}.wd-prog{background:#3f3f46;border-radius:3px;width:90%;height:3px;overflow:hidden}.wd-prog i{background:#f5f5f4;height:100%;animation:30s linear infinite prog;display:block}.wd-wheel{aspect-ratio:1;border:var(--stroke) solid var(--ink);width:168px;box-shadow:0 4px 0 var(--ink), inset 0 -4px 10px #0000000f;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#fff 0 30%,#f4f4f5 31%);border-radius:50%;position:relative}.wd-wheel.touch{cursor:grabbing;background:radial-gradient(circle, #fff 0 30%, color-mix(in srgb, var(--p) 30%, #f4f4f5) 31%)}.wd-lbl{font-family:var(--mono);color:#71717a;font-size:10px;font-weight:600;position:absolute}.wd-lbl.t{top:10px;left:50%;transform:translate(-50%)}.wd-lbl.b{bottom:10px;left:50%;transform:translate(-50%)}.wd-lbl.l{top:50%;left:12px;transform:translateY(-50%)}.wd-lbl.r{top:50%;right:12px;transform:translateY(-50%)}.wd-dot{transform-origin:0 0;pointer-events:none;width:50%;height:0;position:absolute;top:50%;left:50%}.wd-dot:after{content:"";background:var(--p-deep);border:2px solid var(--ink);opacity:0;border-radius:50%;width:18px;height:18px;transition:opacity .2s;position:absolute;top:-9px;right:-9px}.wd-wheel.touch .wd-dot:after{opacity:.85}.wd-center{border:2.5px solid var(--ink);background:var(--p);width:56px;height:56px;box-shadow:0 3px 0 var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wd-center:active{box-shadow:0 0 0 var(--ink);transform:translate(-50%,calc(3px - 50%))}.wd-math{align-content:center;gap:10px;display:grid}.wd-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin:0;font-size:12px}.wd-math code{font-family:var(--mono);border:2.5px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:12px 16px;font-size:clamp(14px,1.6vw,18px);display:block}.wd-angle{background:color-mix(in srgb, var(--p) 40%, var(--paper))!important}.wd-help{color:var(--ink-2);margin:4px 0 0;font-size:15px}.td{border:2.5px solid var(--ink);color:#e7e5e4;box-shadow:0 5px 0 var(--ink);cursor:text;background:#141414;border-radius:16px;overflow:hidden}.td-bar{font-family:var(--mono);color:#a3a3a3;background:#262626;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.td-bar i{background:#ef4444;border-radius:50%;width:11px;height:11px}.td-bar i:nth-child(2){background:#f59e0b}.td-bar i:nth-child(3){background:#22c55e}.td-bar span{margin-left:8px}.td-out{height:360px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;padding:14px 16px 0;font-size:13px;line-height:1.55;overflow-y:auto}.td-echo{color:#fafaf9}.td-dim{color:#a3a3a3}.td-acc{color:#fcd34d}.td-err{color:#fca5a5}.td-ok{color:#86efac;font-weight:600}.td-cmd{color:#93c5fd}.td-line{font-family:var(--mono);align-items:center;padding:4px 16px 14px;font-size:13px;display:flex}.td-prompt{white-space:pre;color:#fafaf9}.td-line input{color:#86efac;min-width:40px;font:inherit;caret-color:#86efac;background:0 0;border:0;outline:0;flex:1;padding:0}.td-hint{color:var(--ink-2);margin:12px 0 0;font-size:13.5px}.td-hint code{font-family:var(--mono);font-size:12.5px}@media (width<=860px){.hs{grid-template-columns:1fr}.hs-stage{min-height:400px}.hs-text{min-height:0}.wd{grid-template-columns:1fr;justify-items:center}.wd-math{width:100%}}@media (width<=640px){.pd-row{grid-template-columns:36px 1fr 76px}.pd-row .pd-track{grid-area:2/1/auto/-1}.pd-av{width:36px;height:36px}.dd-stage{grid-template-columns:1fr}.dd-pipe{height:70px}.dd-stats{grid-template-columns:repeat(2,1fr)}.hs-msg text{font-size:9.5px}.bd-canvas{height:460px}.bd-node{width:160px}.fd-keys button{height:90px;font-size:11px}.td-out{height:300px;font-size:11.5px}.td-line{flex-wrap:wrap;font-size:11.5px}}.cs-page{--ink:#ffd6aa33;--stroke:1px;--glass:#2a1b13b8;--glass-2:#ffe2be0f;--glass-line:#ffd6aa29;--amber:#ffb35c;--warm-bg:#140d0a;background:radial-gradient(60% 40% at 80% 0%, #ffb35c1f, transparent 70%), radial-gradient(50% 50% at 0% 60%, #b4532a1a, transparent 70%), var(--warm-bg);color:var(--text)}html:not(.dark) .cs-page{--ink:#5a32142e;--glass:#fff9eed1;--glass-2:#5a32140d;--glass-line:#5a321424;--warm-bg:#f3e3cc;--text:#2a1a10;--ink-2:#5d4636;--muted:#8a7462}html.dark .cs-page{--text:#f3ead9;--ink-2:#cbbba6;--muted:#9c8b77}.cs-page:after{opacity:.04!important}.cs-page em{color:var(--amber)!important}html:not(.dark) .cs-page em{color:#b4532a!important}.cs-page .cs-nav{-webkit-backdrop-filter:none;backdrop-filter:none;padding-top:16px;position:fixed;left:0;right:0;background:0 0!important;border:0!important}.cs-page .cs-nav .logo{color:#fff6ea;text-shadow:0 2px 12px #00000080;align-items:baseline;gap:8px;display:flex}.cs-page .cs-nav .logo small{font-family:var(--serif);letter-spacing:0;color:#fff6eab3;font-size:18px;font-style:italic;font-weight:400}.cs-page .cs-nav .logo span{color:var(--amber)}.cs-page .nav-links{gap:8px}.cs-page .nav-pill{-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff6ea!important;box-shadow:none!important;background:#1e130d9e!important;border:1px solid #ffd6aa2e!important}.cs-page .nav-pill:after{display:none!important}.cs-page .nav-pill .sound-bars i{background:#fff6ea!important}.cs-page .nav-cta.nav-pill{text-decoration:none;background:var(--amber)!important;color:#2a160c!important;border-color:#0000!important}.cs-page .theme-toggle.nav-pill{justify-content:center;width:38px;padding:0}@media (width<=760px){.cs-page .nav-pill:not(.nav-cta):not(.theme-toggle),.cs-page .cs-nav .logo small{display:none}}.cs-page .cs-hero{min-height:min(92svh,900px);padding:120px var(--gutter) clamp(28px, 4vw, 48px);isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden;background:0 0!important;border:0!important}.cs-hero-bg{z-index:-1;position:absolute;inset:0;max-width:none!important}.cs-hero-bg img{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:hero-in 2.2s var(--ease-out) both;transform:scale(1.06)}@keyframes hero-in{0%{filter:brightness(.4)blur(6px);transform:scale(1.18)}}.cs-hero-bg:after{content:"";background:linear-gradient(90deg, #140d0aeb 0%, #140d0ab3 38%, #140d0a1a 70%), linear-gradient(0deg, var(--warm-bg) 0%, #140d0a00 38%);position:absolute;inset:0}html:not(.dark) .cs-hero-bg:after{background:linear-gradient(90deg, #140d0ad9 0%, #140d0a99 38%, #140d0a0d 70%), linear-gradient(0deg, var(--warm-bg) 0%, #f3e3cc00 35%)}.cs-hero-inner{color:#fff6ea;width:100%;max-width:1180px;margin:0 auto}.cs-hero-inner>*{max-width:640px}.cs-page .cs-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff6ea!important;box-shadow:none!important;background:#ffd6aa1a!important;border:1px solid #ffd6aa38!important}.cs-object{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#fff6eab3;align-items:center;gap:10px;margin:0 0 14px;font-size:12.5px;display:flex}.cs-object b{color:var(--amber);font-weight:600}.cs-object .dot{box-shadow:0 0 12px var(--c);border:0}.cs-page .cs-title{color:#fff6ea;text-shadow:0 6px 40px #0006;font-size:clamp(54px,9vw,120px)}.cs-page .cs-tagline{color:#fff6ea}.cs-page .cs-hero .lead{color:#fff6eac7!important}.cs-page .cs-meta{background:var(--glass);-webkit-backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:repeat(4,auto) 1fr;width:100%;max-width:1180px;margin:clamp(32px,5vw,56px) auto 0;padding:18px 22px;position:relative;border:1px solid var(--glass-line)!important}.cs-page .cs-meta>div{padding-top:0}.cs-page .cs-meta>div+div{border-left-color:var(--glass-line)!important}.cs-page .cs-meta dt{color:var(--muted)}.cs-page .cs-meta dd{color:var(--text)}.cs-page .cs-meta-stack span{background:var(--glass-2)!important;border-color:var(--glass-line)!important;color:var(--text)!important}.cs-floaters,.cs-cap{display:none!important}@media (width<=960px){.cs-page .cs-meta{grid-template-columns:1fr 1fr}}.cs-page .btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;color:#fff6ea!important;box-shadow:none!important;background:#ffd6aa14!important;border:1px solid #ffd6aa47!important}.cs-page .btn:hover{transform:translateY(-2px);background:#ffd6aa29!important}.cs-page .btn-dark{background:var(--amber)!important;color:#2a160c!important;border-color:#0000!important;box-shadow:0 10px 30px #ffb35c4d!important}.cs-page main .cs-section .btn:not(.btn-dark){color:var(--text)!important}.cs-page :is(.cs-stat,.challenge,.diagram-card,.demo,.cs-next-card,.pager-key,.frame-image,.cs-private){-webkit-backdrop-filter:blur(16px);color:var(--text);border-radius:24px;border:1px solid var(--glass-line)!important;background:var(--glass)!important;box-shadow:0 20px 60px #00000047!important}html:not(.dark) .cs-page :is(.cs-stat,.challenge,.diagram-card,.demo,.cs-next-card,.pager-key,.frame-image){box-shadow:0 18px 50px #5a32141f!important}.cs-page .cs-stat b{color:var(--amber)}html:not(.dark) .cs-page .cs-stat b{color:#b4532a}.cs-page .cs-stat:nth-child(odd){background:var(--glass)!important}.cs-page .eyebrow{color:var(--muted)}.cs-page .eyebrow .num{border-radius:999px;color:var(--amber)!important;box-shadow:none!important;background:#ffb35c26!important;border:1px solid #ffb35c59!important}.cs-page .cs-head h2{color:var(--text)}.cs-page .cs-prose p,.cs-page .cs-steps p,.cs-page .challenge p,.cs-page .journal p{color:var(--ink-2)}.cs-page .cs-problem blockquote{border-left:3px solid var(--amber)!important}.cs-page .cs-problem blockquote p{color:var(--text)}.cs-page :is(.cs-prose,.cs-steps,.challenge) code{color:var(--text)!important;background:#ffb35c1f!important;border-color:#ffb35c33!important}.cs-page .step-key{border-radius:50%;color:var(--amber)!important;background:#ffb35c1f!important;border:1px solid #ffb35c66!important;box-shadow:0 0 24px #ffb35c26!important}.cs-page .journal:before{width:2px;background:linear-gradient(var(--amber), #ffb35c1a)!important}.cs-page .j-dot{border-radius:50%;border:2px solid var(--amber)!important;background:var(--warm-bg)!important}.cs-page .journal li.in .j-dot{transform:none;box-shadow:0 0 14px #ffb35c99}.cs-page .journal time{color:var(--amber)}.cs-page .ch-tag{border-radius:999px;padding:3px 10px;border:0!important}.cs-page .diagram-card{background:radial-gradient(#ffd6aa0f 1.2px, transparent 1.3px) 0 0 / 22px 22px, var(--glass)!important}.cs-page .d-shadow{fill:#00000040}.cs-page .d-box{stroke:#140d0a80;stroke-width:1px}.cs-page .d-edge{stroke-width:2px;stroke:#ffd6aa8c!important}.cs-page .d-edge.thick{stroke:var(--amber)!important}.cs-page .d-arrow{fill:#ffd6aab3!important}.cs-page .d-elabel rect{fill:#2a1b13!important;stroke:#ffd6aa4d!important}.cs-page .d-elabel text{fill:#f3ead9!important}html:not(.dark) .cs-page .d-edge{stroke:#5a321480!important}html:not(.dark) .cs-page .d-arrow{fill:#5a321499!important}html:not(.dark) .cs-page .d-elabel rect{fill:#fff8ec!important;stroke:#5a321440!important}html:not(.dark) .cs-page .d-elabel text{fill:#2a1a10!important}.cs-page :is(.frame-browser,.frame-shot,.frame-phone){border:1px solid var(--glass-line)!important;box-shadow:0 24px 70px #0006!important}.cs-page .frame-phone{border:8px solid #1a120d!important}.cs-page .fb-bar{border-bottom:1px solid var(--glass-line)!important;background:#2a1b13!important}.cs-page .fb-bar i{border:0!important}.cs-page .fb-bar span{color:var(--ink-2);border:1px solid var(--glass-line)!important;background:#ffd6aa14!important}.cs-page .vis figcaption{color:var(--muted)}.cs-page .demo{background:radial-gradient(#ffd6aa0d 1.2px, transparent 1.3px) 0 0 / 20px 20px, var(--glass)!important}.cs-page .cs-next-card{background:linear-gradient(135deg,#ffb35c24,#2a1b13cc)!important}.cs-page .cs-next-card h2,.cs-page .cs-next-card li{color:var(--text)!important}html:not(.dark) .cs-page .cs-next-card{background:linear-gradient(135deg,#ffb35c40,#fff9eee6)!important}.cs-page .cs-next-card li{background:var(--glass-2);border-color:var(--glass-line)!important}.cs-page .cs-next-card li:before{color:var(--amber)}.cs-page .pager-key{height:auto;padding:0}.cs-page .pager-top{transition:transform .25s var(--ease-out);padding:26px 28px;position:static;inset:auto;background:0 0!important;border:0!important}.cs-page .pager-key:before{content:"";border-radius:inherit;background:radial-gradient(80% 120% at 0% 50%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.cs-page .pager-key.next:before{background:radial-gradient(80% 120% at 100% 50%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%)}.cs-page .pager-top small{color:var(--muted)}.cs-page .pager-top b{color:var(--text)}.cs-page .pager-hint kbd,.cs-page .footer kbd{background:var(--glass-2);border-color:var(--glass-line);box-shadow:none;color:var(--text)}.cs-page .footer{border-top-color:var(--glass-line);color:var(--ink-2)}.cs-page .footer a{color:var(--amber)}.cs-page .d-label{fill:#1c140f!important}.cs-page .d-sub{fill:#4a3a2e!important}.cs-page .cs-meta{grid-template-columns:repeat(4,minmax(0,auto)) minmax(220px,1.4fr);gap:0 4px}.cs-page .cs-stats{margin-top:clamp(28px,4vw,48px)}.cs-page .ch-tag.bad{color:#3a0d0d!important}.cs-page .ch-tag.good{color:#0d3a1c!important}.cs-page .fd-keys kbd{color:#334155!important;background:#e2e8f0!important;border-color:#94a3b8!important}