:is(.guide-cover,.guide-stack-sheet,.guide-header)[data-tone]{--guide-c1:#e3dcff;--guide-c2:#efebff;--guide-c3:#f7f5ff;--guide-ink:79 70 229;--guide-pixel:#14b8a6}:is(.guide-cover,.guide-stack-sheet,.guide-header)[data-tone=aurora]{--guide-c1:#e5defe;--guide-c2:#e9effe;--guide-c3:#dcf6ed;--guide-pixel:#0d9488}:is(.guide-cover,.guide-stack-sheet,.guide-header)[data-tone=sky]{--guide-c1:#d9e3fd;--guide-c2:#e9effe;--guide-c3:#f4f7ff;--guide-ink:67 56 202}:is(.guide-cover,.guide-stack-sheet,.guide-header)[data-tone=mint]{--guide-c1:#cff1e4;--guide-c2:#e3f8f1;--guide-c3:#f1fcf8;--guide-ink:15 118 110;--guide-pixel:#4f46e5}:is(.guide-cover,.guide-stack-sheet,.guide-header)[data-tone=lagoon]{--guide-c1:#d3f2e8;--guide-c2:#e2f4f5;--guide-c3:#e7eefe;--guide-ink:15 118 110;--guide-pixel:#4f46e5}:is(.guide-cover,.guide-stack-sheet,.guide-header)[data-tone=peach]{--guide-c1:#fadbd2;--guide-c2:#fdebe6;--guide-c3:#fff6f3;--guide-ink:67 56 202}.guide-cover{position:relative;isolation:isolate;overflow:hidden;color:rgb(var(--guide-ink));background-color:var(--guide-c2);background-image:radial-gradient(90% 85% at 92% 6%,rgb(255 255 255/.8),transparent 64%),linear-gradient(45deg,var(--guide-c1) 0,var(--guide-c2) 55%,var(--guide-c3) 100%)}.guide-cover:before{content:"";z-index:-1;background-image:linear-gradient(rgb(var(--guide-ink)/.08) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--guide-ink)/.08) 1px,transparent 1px);background-size:22px 22px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(ellipse 75% 90% at 82% 18%,#000 12%,transparent 74%);mask-image:radial-gradient(ellipse 75% 90% at 82% 18%,#000 12%,transparent 74%)}.guide-cover-art,.guide-cover:before{position:absolute;inset:0;pointer-events:none}.guide-cover-mark{position:absolute;right:-7%;bottom:-28%;width:66%;max-width:22rem;height:auto;aspect-ratio:1;opacity:.22;stroke-width:1.5px}.guide-cover-mark *{vector-effect:non-scaling-stroke}.guide-cover-pixels{position:absolute;top:13%;right:8%;width:2.25rem;height:2.25rem}.guide-cover-pixels>span{position:absolute;width:.5625rem;height:.5625rem;border-radius:2px;background:rgb(var(--guide-ink))}.guide-cover-pixels>span:first-child{left:0;bottom:0;opacity:.3}.guide-cover-pixels>span:nth-child(2){left:.84375rem;bottom:.84375rem;opacity:.55}.guide-cover-pixels>span:nth-child(3){right:0;top:0;background:var(--guide-pixel)}.guide-cover-tile{top:1.25rem;display:inline-flex;justify-content:center;width:3rem;height:3rem;border-radius:.875rem;color:rgb(var(--guide-ink));background:rgb(255 255 255/.8);box-shadow:inset 0 0 0 1px rgb(255 255 255/.9),0 12px 28px -14px rgb(var(--guide-ink)/.45)}.guide-cover-foot,.guide-cover-tile{position:absolute;left:1.25rem;align-items:center}.guide-cover-foot{right:1.25rem;bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.guide-cover-label{display:inline-flex;align-items:center;min-height:1.75rem;padding:.125rem .75rem;border-radius:9999px;color:var(--fg);background:rgb(255 255 255/.88);box-shadow:inset 0 0 0 1px rgb(var(--guide-ink)/.12);font-size:.75rem;line-height:1.125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.guide-cover-lg{container-type:inline-size}.guide-cover-rings{position:absolute;top:50%;left:50%}.guide-cover-rings:before,.guide-cover-rings>span{position:absolute;top:0;left:0;aspect-ratio:1;border-radius:9999px;transform:translate3d(-50%,-50%,0)}.guide-cover-rings:before{content:"";width:80cqw;background:radial-gradient(closest-side,rgb(255 255 255/.75),transparent)}.guide-cover-rings>span{box-shadow:inset 0 0 0 1px rgb(var(--guide-ink)/.2);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.guide-cover-rings>span:first-child{width:clamp(8.5rem,44cqw,15rem)}.guide-cover-rings>span:nth-child(2){width:clamp(12.5rem,66cqw,23rem);box-shadow:inset 0 0 0 1px rgb(var(--guide-ink)/.14)}.guide-cover-rings>span:nth-child(3){width:clamp(16.5rem,88cqw,31rem);box-shadow:inset 0 0 0 1px rgb(var(--guide-ink)/.09)}.guide-cover-rings>span:nth-child(2):after,.guide-cover-rings>span:nth-child(3):after{content:"";position:absolute;width:.625rem;height:.625rem;border-radius:3px;transform:translate3d(-50%,-50%,0)}.guide-cover-rings>span:nth-child(2):after{top:85.36%;left:85.36%;background:var(--guide-pixel);box-shadow:0 0 12px var(--guide-pixel)}.guide-cover-rings>span:nth-child(3):after{top:14.64%;left:14.64%;background:rgb(var(--guide-ink)/.4)}.guide-cover-lg .guide-cover-tile{top:50%;left:50%;width:clamp(4.5rem,24cqw,6.75rem);height:clamp(4.5rem,24cqw,6.75rem);border-radius:clamp(1.25rem,6.5cqw,1.75rem);transform:translate3d(-50%,-50%,0);background:rgb(255 255 255/.72);box-shadow:inset 0 0 0 1px rgb(255 255 255/.95),0 0 0 .625rem rgb(255 255 255/.3),0 28px 56px -24px rgb(var(--guide-ink)/.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-cover-lg .guide-cover-icon{width:44%;height:44%}.guide-cover-lg .guide-cover-foot{right:1.75rem;bottom:1.75rem;left:1.75rem}.guide-cover-lg .guide-cover-pixels{top:12%;right:7%;width:3rem;height:3rem}.guide-cover-lg .guide-cover-pixels>span{width:.75rem;height:.75rem;border-radius:3px}.guide-cover-lg .guide-cover-pixels>span:nth-child(2){left:1.125rem;bottom:1.125rem}.guide-cover-mark,.guide-cover-pixels>span{transition:transform .7s cubic-bezier(.2,.7,.2,1)}@media (hover:hover) and (pointer:fine){html[data-motion] .guide-card:hover .guide-cover-mark{transform:translate3d(-3%,-5%,0) rotate(-6deg) scale(1.04)}html[data-motion] .guide-card:hover .guide-cover-pixels>span:nth-child(2){transform:translate3d(0,-3px,0)}html[data-motion] .guide-card:hover .guide-cover-pixels>span:nth-child(3){transform:translate3d(0,-7px,0)}html[data-motion] .guide-card:hover .guide-cover-rings>span{transform:translate3d(-50%,-50%,0) scale(1.05)}html[data-motion] .guide-card:hover .guide-cover-rings>span:nth-child(2){transition-delay:60ms}html[data-motion] .guide-card:hover .guide-cover-rings>span:nth-child(3){transition-delay:.12s}}.guide-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;scroll-margin-top:1rem}@media (min-width:40rem) and (max-width:63.999rem){.guide-grid-all>li:last-child:nth-child(2n){grid-column:span 2/span 2}}.guide-header-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38rem 30rem at 86% 62%,var(--guide-c1),transparent 70%);opacity:.9}.guide-stack{position:relative;width:100%;max-width:19rem;margin-left:auto;aspect-ratio:4/5}.guide-stack-sheet{position:absolute;inset:0;border-radius:1.5rem}.guide-stack-back{transform:translate3d(14%,3%,0) rotate(10deg);background:rgb(255 255 255/.8);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.guide-stack-mid{transform:translate3d(7%,1.5%,0) rotate(5deg);background:linear-gradient(45deg,var(--guide-c1),var(--guide-c2));box-shadow:var(--shadow)}.guide-stack-front{position:absolute;inset:0;border-radius:1.5rem;box-shadow:var(--shadow-lift),inset 0 0 0 1px rgb(255 255 255/.6)}@keyframes guide-stack-in{0%{opacity:0;transform:translate3d(0,28px,0)}}@keyframes guide-sheet-in{0%{opacity:0;transform:none}}html[data-motion] .guide-stack{animation:guide-stack-in .95s cubic-bezier(.2,.7,.2,1) .1s both}html[data-motion] .guide-stack-sheet{animation:guide-sheet-in 1.1s cubic-bezier(.2,.7,.2,1) .45s both}html[data-motion] .guide-stack-back{animation-delay:.55s}.guide-prose>p:first-child{font-size:1.125rem;line-height:1.875rem;color:var(--fg)}@media (min-width:64rem){.guide-prose>p:first-child{font-size:1.1875rem;line-height:2rem}}.guide-prose h2{scroll-margin-top:1.5rem}@media (min-width:40rem){.guide-prose table{display:table;width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:1rem;background:var(--bg-elev)}.guide-prose td,.guide-prose th{padding:.75rem 1rem}.guide-prose thead th{background:var(--bg)}.guide-prose thead th:first-child{border-top-left-radius:calc(1rem - 1px)}.guide-prose thead th:last-child{border-top-right-radius:calc(1rem - 1px)}.guide-prose tbody tr:last-child>*{border-bottom:0}}.guide-toc{max-height:calc(100vh - 7.5rem);margin:-.375rem;padding:.375rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.guide-toc-list{border-left:1px solid var(--line)}.guide-toc-link{display:block;margin-left:-1px;padding:.375rem .5rem .375rem 1rem;border-left:2px solid transparent;border-radius:0 .5rem .5rem 0;font-size:.875rem;line-height:1.25rem;color:var(--fg-subtle);transition:color .2s ease,border-color .2s ease}.guide-toc-link:hover{color:var(--fg)}.guide-toc-link[aria-current=true]{color:var(--accent);border-left-color:var(--accent)}@media (pointer:coarse){.guide-toc-link{padding-top:.75rem;padding-bottom:.75rem}}html:not([data-js]) .guide-toc-details{display:none}.guide-progress{position:sticky;top:4.0625rem;z-index:30;height:0;display:none}html[data-motion] .guide-progress{display:block}.guide-progress-bar{position:absolute;top:0;right:0;left:0;height:3px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#4f46e5,#818cf8 55%,#14b8a6);box-shadow:0 0 12px rgb(79 70 229/.45);will-change:transform}.guide-practice{background:linear-gradient(135deg,var(--tint-lavender) 0,var(--tint-sky) 55%,var(--tint-mint) 100%)}@media (prefers-reduced-motion:reduce){.guide-cover-mark,.guide-cover-pixels>span,.guide-cover-rings>span{transition:none}.guide-card:hover .guide-cover-mark,.guide-card:hover .guide-cover-pixels>span{transform:none}.guide-card:hover .guide-cover-rings>span{transform:translate3d(-50%,-50%,0)}.guide-progress{display:none!important}}