*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}body{color:var(--text);background-color:var(--surface)}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-14{margin-bottom:3.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.max-w-3xl{max-width:48rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.px-4{padding-left:1rem;padding-right:1rem}.pb-20{padding-bottom:5rem}.pt-16{padding-top:4rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--surface: #fafafa;--text: #171717;--text-dim: rgba(23, 23, 23, .55);--text-soft: #4d4d4d;--text-faint: #8a8a8a;--hairline: #ebebeb;--hairline-soft: #f2f2f2;--chip-bg: #ffffff;--chip-text: #171717;--chip-border: #ebebeb;--seg-track: #f2f2f2;--seg-text: #4d4d4d;--seg-active-bg: #ffffff;--seg-active-text: #171717;--seg-active-shadow: rgba(23, 23, 23, .08);--tube-bg: #eef0f2;--tube-border: rgba(23, 23, 23, .12);--footer-bg: #ffffff;--footer-text: #171717;--footer-muted: #6e6e6e;--link: #0070f3;--grad-preview: #7928ca;--mesh-develop: rgba(0, 124, 240, .5);--mesh-cyan: rgba(0, 221, 216, .5);--mesh-preview: rgba(121, 40, 202, .5);--mesh-pink: rgba(255, 0, 128, .36);--mesh-amber: rgba(249, 203, 40, .4);--deco-winter: #96acc3;--deco-spring: #82c09c;--deco-summer: #cfa94f;--deco-autumn: #c98a52}html.dark{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--surface: #0a0a0a;--text: #ededed;--text-dim: rgba(237, 237, 237, .55);--text-soft: #a0a0a0;--text-faint: #7c7c7c;--hairline: #2e2e2e;--hairline-soft: #252525;--chip-bg: #141414;--chip-text: #ededed;--chip-border: #2e2e2e;--seg-track: #111111;--seg-text: #a0a0a0;--seg-active-bg: #ededed;--seg-active-text: #0a0a0a;--seg-active-shadow: rgba(0, 0, 0, .18);--tube-bg: #131415;--tube-border: rgba(255, 255, 255, .14);--footer-bg: #0d0d0d;--footer-text: #ededed;--footer-muted: #8a8a8a;--link: #3291ff;--grad-preview: #7928ca;--mesh-develop: rgba(0, 124, 240, .42);--mesh-cyan: rgba(0, 221, 216, .34);--mesh-preview: rgba(121, 40, 202, .44);--mesh-pink: rgba(255, 0, 128, .3);--mesh-amber: rgba(249, 203, 40, .32);--deco-winter: #90a5bd;--deco-spring: #74b595;--deco-summer: #cba94f;--deco-autumn: #c1824f}.title-heading{font-family:var(--font-sans);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-.028em;line-height:1;color:var(--text)}.text-secondary{color:var(--text-dim)}body[data-theme=winter] .deco{color:var(--deco-winter)}body[data-theme=spring] .deco{color:var(--deco-spring)}body[data-theme=summer] .deco{color:var(--deco-summer)}body[data-theme=autumn] .deco{color:var(--deco-autumn)}.seasonal-bg{position:fixed;inset:0;z-index:-1;background-color:var(--surface)}html.dark body[data-theme=winter] .season-winter{background-image:linear-gradient(180deg,#0a0a0a,#0c0e12)}html.dark body[data-theme=spring] .season-spring{background-image:linear-gradient(180deg,#0a0a0a,#0d110e)}html.dark body[data-theme=summer] .season-summer{background-image:linear-gradient(180deg,#0a0a0a,#0c0d11)}html.dark body[data-theme=autumn] .season-autumn{background-image:linear-gradient(180deg,#0a0a0a,#100e0a)}.mesh-gradient{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(600px 480px at 18% -10%,var(--mesh-cyan) 0%,transparent 62%),radial-gradient(680px 520px at 52% -14%,var(--mesh-develop) 0%,transparent 62%),radial-gradient(620px 480px at 82% -8%,var(--mesh-preview) 0%,transparent 62%),radial-gradient(420px 360px at 96% -16%,var(--mesh-pink) 0%,transparent 62%),radial-gradient(440px 360px at 6% -20%,var(--mesh-amber) 0%,transparent 62%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 88%);animation:mesh-color-drift 8s ease-in-out infinite;transition:opacity .7s ease}@keyframes mesh-color-drift{0%{filter:hue-rotate(0deg)}35%{filter:hue-rotate(110deg)}50%{filter:hue-rotate(180deg)}65%{filter:hue-rotate(250deg)}to{filter:hue-rotate(0deg)}}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;color:var(--chip-text);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:6px;padding:.25rem .9rem;font-size:.875rem;font-weight:500;line-height:1.4;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.chip:hover{border-color:var(--text)}.chip:focus-visible{outline:2px solid var(--link);outline-offset:2px}.chip-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--seg-track);border-radius:8px;border:1px solid var(--hairline)}.preview-seg .seg-btn{padding:3px .7rem;font-size:.75rem;letter-spacing:.01em}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint)}.seg-btn{border:none;background:transparent;color:var(--seg-text);padding:5px 12px;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1.4;min-height:2rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.seg-btn:hover{color:var(--chip-text)}.seg-btn.seg-active{background:var(--seg-active-bg);color:var(--seg-active-text);box-shadow:inset 0 0 0 1px var(--hairline),0 1px 2px var(--seg-active-shadow)}.seg-btn:focus-visible{outline:2px solid var(--link);outline-offset:1px;border-radius:6px}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:2.05rem;padding-left:0;padding-right:0}.theme-icon{width:1rem;height:1rem}.icon-sun{display:none}html.dark .icon-sun{display:block}html.dark .icon-moon{display:none}.nav{position:sticky;top:0;z-index:50;width:100%;display:flex;justify-content:center;padding:.875rem 1.5rem;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.nav-inner{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{display:flex;align-items:center;gap:.625rem;font-weight:600;font-size:.9375rem;letter-spacing:-.028em;color:var(--text);white-space:nowrap}.wordmark-mark{width:20px;height:20px;flex-shrink:0;color:var(--grad-preview)}.nav-controls{display:flex;align-items:center;gap:.75rem}@media(max-width:640px){.nav-inner{flex-wrap:wrap;justify-content:center;row-gap:.5rem}}.glass-tube{position:relative;height:3.5rem;border-radius:9999px;background:var(--tube-bg);border:1px solid var(--tube-border);box-shadow:0 14px 18px -12px #14141447,0 24px 40px -18px #1414142e,inset 0 1px #ffffff8c;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}html.dark .glass-tube{box-shadow:0 16px 22px -14px #000000bf,0 30px 52px -20px #00000080,inset 0 1px #ffffff24}.glass-tube:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 150% at 0% 50%,#0a0a0a29,#0a0a0a00 46%),radial-gradient(130% 150% at 100% 50%,#0a0a0a29,#0a0a0a00 46%),linear-gradient(180deg,#ffffff29,#fff0 34%)}html.dark .glass-tube:before{background:radial-gradient(130% 150% at 0% 50%,#ffffff0d,#fff0 42%),radial-gradient(130% 150% at 100% 50%,#ffffff0d,#fff0 42%),linear-gradient(180deg,#ffffff12,#fff0 32%)}.glass-tube:after{content:"";position:absolute;inset:0 .25rem;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.09) 4%,rgba(255,255,255,0) 8%,transparent 12%,rgba(255,255,255,.06) 78%,rgba(255,255,255,0) 86%,transparent 100%),linear-gradient(180deg,#ffffff80,#ffffff29 24%,#fff0 42%);mix-blend-mode:screen;opacity:.85}html.dark .glass-tube:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 4%,rgba(255,255,255,0) 8%,transparent 12%,rgba(255,255,255,.07) 78%,rgba(255,255,255,0) 86%,transparent 100%),linear-gradient(180deg,#ffffff38,#ffffff14 26%,#fff0 44%);mix-blend-mode:screen;opacity:.4}.glass-tube *{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.liquid-canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}#progress[data-fill-mode=seasonal] .liquid-canvas{display:none}.season-fill{position:absolute;top:0;left:0;bottom:0;z-index:1;display:none;width:0%;overflow:hidden;pointer-events:none;background:var(--season-fill-gradient, #34d399)}#progress[data-fill-mode=seasonal] .season-fill{display:block}#progress[data-season=winter] .season-fill{--season-fill-gradient: radial-gradient(180% 120% at 100% 70%, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0) 50%), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%3E%3Cg%20fill='%23ffffff'%20opacity='.45'%3E%3Ccircle%20cx='14'%20cy='22'%20r='5'/%3E%3Ccircle%20cx='70'%20cy='16'%20r='4'/%3E%3Ccircle%20cx='88'%20cy='40'%20r='3'/%3E%3Ccircle%20cx='42'%20cy='34'%20r='3'/%3E%3Ccircle%20cx='26'%20cy='76'%20r='4'/%3E%3Ccircle%20cx='86'%20cy='82'%20r='5'/%3E%3Ccircle%20cx='58'%20cy='60'%20r='3'/%3E%3Ccircle%20cx='8'%20cy='54'%20r='3'/%3E%3C/g%3E%3Cg%20stroke='%23ffffff'%20stroke-width='1.5'%20opacity='.6'%20stroke-linecap='round'%3E%3Cpath%20d='M50%2090v-8m-3%204h6'/%3E%3Cpath%20d='M36%2010v-5m-2.5%202.5h5'/%3E%3Cpath%20d='M76%2096v-5m-2.5%202.5h5'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #e9f0fa 0%, #d3dfef 50%, #b9c8de 100%)}#progress[data-season=spring] .season-fill{--season-fill-gradient: radial-gradient(160% 70% at 50% -20%, rgba(255, 255, 255, .35) 0%, rgba(255, 255, 255, 0) 60%), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cg%20transform='translate(38%2040)'%20fill='%23ffffff'%20opacity='.4'%3E%3Cellipse%20cx='0'%20cy='10'%20rx='3.5'%20ry='8'/%3E%3Cellipse%20cx='0'%20cy='10'%20rx='3.5'%20ry='8'%20transform='rotate(72)'/%3E%3Cellipse%20cx='0'%20cy='10'%20rx='3.5'%20ry='8'%20transform='rotate(144)'/%3E%3Cellipse%20cx='0'%20cy='10'%20rx='3.5'%20ry='8'%20transform='rotate(216)'/%3E%3Cellipse%20cx='0'%20cy='10'%20rx='3.5'%20ry='8'%20transform='rotate(288)'/%3E%3Ccircle%20cx='0'%20cy='0'%20r='3'%20fill='%23ffd9e8'/%3E%3C/g%3E%3Cg%20transform='translate(92%2088)'%20fill='%23ffffff'%20opacity='.35'%3E%3Cellipse%20cx='0'%20cy='7'%20rx='2.5'%20ry='6'/%3E%3Cellipse%20cx='0'%20cy='7'%20rx='2.5'%20ry='6'%20transform='rotate(72)'/%3E%3Cellipse%20cx='0'%20cy='7'%20rx='2.5'%20ry='6'%20transform='rotate(144)'/%3E%3Cellipse%20cx='0'%20cy='7'%20rx='2.5'%20ry='6'%20transform='rotate(216)'/%3E%3Cellipse%20cx='0'%20cy='7'%20rx='2.5'%20ry='6'%20transform='rotate(288)'/%3E%3Ccircle%20cx='0'%20cy='0'%20r='2.4'%20fill='%23ffd9e8'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, #bfe6cf 0%, #9ad7b4 50%, #78c095 100%)}#progress[data-season=summer] .season-fill{--season-fill-gradient: radial-gradient(120% 70% at 50% -12%, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, rgba(122, 192, 255, .55) 0%, rgba(60, 140, 230, .3) 50%, rgba(30, 100, 195, .4) 100%), linear-gradient(90deg, rgba(255, 255, 255, .32) 0%, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 74%, rgba(255, 255, 255, .28) 100%)}#progress[data-season=autumn] .season-fill{--season-fill-gradient: radial-gradient(120% 90% at 20% 8%, rgba(255, 214, 120, .35) 0%, rgba(255, 214, 120, 0) 60%), radial-gradient(120% 90% at 85% 90%, rgba(240, 150, 60, .35) 0%, rgba(240, 150, 60, 0) 60%), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cg%20fill='rgba(253,224,71,0.4)'%3E%3Cpath%20d='M22%2024c-8%203-11%2010-7%2015%205%205%2014%201%2012-6%200-4-3-6-5-9z'/%3E%3Cpath%20d='M96%2036c-4-6-12-7-15-1-3%205%202%2011%208%2010%204%200%207-3%207-9z'/%3E%3C/g%3E%3Cg%20fill='rgba(249,115,22,0.38)'%3E%3Cpath%20d='M64%2084c-7%202-10%208-7%2012%204%204%2012%201%2011-5%200-3-2-5-4-7z'/%3E%3Cpath%20d='M16%20110c-5-5-12-3-12%202%200%205%206%208%2010%205%202-2%203-4%202-7z'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(180deg, rgba(226, 176, 110, .42) 0%, rgba(196, 122, 64, .2) 100%)}.autumn-leaves{position:absolute;inset:0;z-index:1;display:none;overflow:hidden;pointer-events:none}#progress[data-fill-mode=seasonal][data-season=autumn] .autumn-leaves{display:block}.autumn-leaf{position:absolute;height:auto;overflow:visible;animation:leaf-sway 5s ease-in-out infinite}.drift-leaves{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.drift-leaf{position:absolute;left:0;top:0;height:auto;will-change:transform,opacity}.percent-marker{position:absolute;top:100%;margin-top:.5rem;transform:translate(-50%);color:var(--text);font-size:1.5rem;font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}.percent-marker small{font-size:.7em;font-weight:600;opacity:.75;margin-left:1px}.percent-marker .p-suffix{font-size:.7em;font-weight:700;opacity:.8;margin-left:1px}@keyframes leaf-sway{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(10deg)}}.deco-wrap{position:fixed;inset:0;overflow:hidden;pointer-events:none}.page-leaves{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none}.page-leaf{position:absolute;left:0;top:0;height:auto;will-change:transform,opacity}.deco{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;color:var(--deco-winter, #60a5fa)}#progress[data-season=winter] .deco-winter,#progress[data-season=spring] .deco-spring,#progress[data-season=summer] .deco-summer,#progress[data-season=autumn] .deco-autumn{opacity:1}.f-snow,.f-bob,.f-pulse,.f-drift{position:absolute}.f-snow{width:14px;height:14px;animation:float-down 10s linear infinite}.f-bob{width:16px;height:16px;animation:sway 6s ease-in-out infinite}.f-pulse{width:20px;height:20px;animation:pulse-glow 4s ease-in-out infinite}.f-drift{width:16px;height:16px;animation:drift 9s ease-in-out infinite}@keyframes float-down{0%{transform:translateY(-10vh);opacity:0}10%{opacity:.35}to{transform:translateY(110vh);opacity:0}}@keyframes sway{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(6px) rotate(8deg)}}@keyframes pulse-glow{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.5;transform:scale(1.1)}}@keyframes drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(10px,-14px) rotate(14deg)}to{transform:translate(0) rotate(0)}}.page-footer{margin-top:auto;width:100%;padding:0 1.5rem;background:var(--footer-bg);color:var(--footer-text);border-top:1px solid var(--hairline)}.footer-inner{max-width:1200px;margin:0 auto;padding:3rem 0 2.5rem;display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:2.5rem 1.5rem}.footer-brand{display:flex;align-items:flex-start;gap:.625rem}.footer-mark{width:22px;height:22px;flex-shrink:0;color:var(--grad-preview)}.footer-brand-name{font-size:.9375rem;font-weight:600;letter-spacing:-.028em;line-height:1.1;color:var(--footer-text)}.footer-tag{margin-top:.5rem;font-size:.8125rem;line-height:1.6;color:var(--footer-muted);max-width:22rem}.footer-col h4{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;color:var(--footer-muted);margin:0 0 .75rem}.footer-links{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.footer-links a{color:var(--footer-text);text-decoration:none;padding:.125rem 0;transition:color .15s ease}.footer-links a:hover{color:var(--link)}.footer-bottom{border-top:1px solid var(--hairline-soft);padding:1.25rem 0}.footer-bottom-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--footer-muted)}@media(max-width:1080px){.footer-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}.footer-brand{grid-column:1 / -1}}@media(max-width:640px){.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.5rem;padding:2.5rem 0 2rem}.footer-brand{flex-direction:row}.footer-bottom-inner{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.season-layer,.deco,.iridescent-layer,.iridescent-layer:after,.seo-faq-summary:after{transition:none}.f-snow,.f-bob,.f-pulse,.f-drift,.autumn-leaf,.spring-petal,.drift-petal,.page-petal,.mesh-gradient{animation:none!important}}.iridescent-layer{position:absolute;inset:-12%;z-index:1;pointer-events:none;opacity:.45;background-image:radial-gradient(38% 38% at 20% 24%,rgba(246,80,190,.14),transparent 70%),radial-gradient(36% 36% at 80% 18%,rgba(130,90,255,.12),transparent 70%),radial-gradient(42% 42% at 76% 76%,rgba(0,205,240,.12),transparent 70%),radial-gradient(34% 34% at 24% 72%,rgba(30,220,170,.12),transparent 70%),radial-gradient(30% 30% at 50% 40%,rgba(255,180,56,.1),transparent 70%);animation:iridescent-drift 40s ease-in-out infinite alternate}.iridescent-layer:after{content:"";position:absolute;left:50%;top:50%;width:220vmax;height:220vmax;translate:-50% -50%;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,#f650be14,#825aff14,#00a0ff14,#00cdf014,#1edcaa14,#bee6460f,#ffb43812,#ff6e5a12,#f650be14);mix-blend-mode:screen;animation:iridescent-spin 56s linear infinite}html.dark .iridescent-layer{opacity:.7;mix-blend-mode:screen}@keyframes iridescent-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1.2%,0) scale(1.12)}}@keyframes iridescent-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.iridescent-layer,.iridescent-layer:after{animation:none}}.clock{--ck-h: 48px;height:var(--ck-h);display:flex;justify-content:center;align-items:center;gap:6px;color:var(--text);font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}html.dark .clock{color:var(--text)}.clock .col{position:relative;width:36px;height:var(--ck-h);overflow:hidden;border-radius:6px;background:var(--chip-bg);border:1px solid var(--chip-border)}.clock .col:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--chip-bg) 0%,transparent 22%,transparent 78%,var(--chip-bg) 100%);opacity:.35}.clock .wheel{position:relative;display:flex;flex-direction:column;will-change:transform}.clock .tick{display:flex;align-items:center;justify-content:center;height:var(--ck-h);line-height:var(--ck-h);text-align:center}.clock .sep{color:var(--text-faint);font-size:28px;padding:0 2px}.clock-tz{margin-left:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;color:var(--text-faint)}@media(prefers-reduced-motion:reduce){.clock .wheel{transition:none!important}}.spring-petals{position:absolute;inset:0;z-index:1;display:none;overflow:hidden;pointer-events:none}#progress[data-fill-mode=seasonal][data-season=spring] .spring-petals{display:block}.spring-petal{position:absolute;height:auto;overflow:visible;animation:leaf-sway 5s ease-in-out infinite}.drift-petal,.page-petal{position:absolute;left:0;top:0;height:auto;will-change:transform,opacity}.seo-content{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--hairline);color:var(--text);scroll-margin-top:5rem;max-width:40rem;margin-left:auto;margin-right:auto}.seo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.seo-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1rem 1.125rem;border:1px solid var(--hairline);border-radius:12px;background:var(--chip-bg);text-align:center}.seo-stat-value{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums}.seo-stat-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint)}.seo-h2{margin:3rem 0 1rem;font-size:1.375rem;font-weight:600;letter-spacing:-.022em;line-height:1.25;color:var(--text);scroll-margin-top:5rem}.nav-faq{text-decoration:none;font-size:.875rem;font-weight:500}.nav-faq:hover{color:var(--text)}.seo-content>.seo-h2:first-child{margin-top:0}.seo-p{margin:0 0 1.125rem;font-size:.9375rem;line-height:1.8;color:var(--text-soft)}.seo-p strong{color:var(--text);font-weight:600}.seo-list{margin:0 0 1.125rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.75rem;font-size:.9375rem;line-height:1.7;color:var(--text-soft)}.seo-list li::marker{color:var(--text-faint)}.seo-faq{margin-top:.25rem}.seo-faq-item{border-top:1px solid var(--hairline-soft)}.seo-faq-item:last-child{border-bottom:1px solid var(--hairline-soft)}.seo-faq-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:1.25rem 2.5rem 1.25rem 0;font-size:1rem;font-weight:600;letter-spacing:-.014em;line-height:1.35;color:var(--text);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.seo-faq-summary::-webkit-details-marker{display:none}.seo-faq-summary:after{content:"▸";position:absolute;right:.25rem;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:.875rem;transition:transform .2s ease}.seo-faq-item[open] .seo-faq-summary:after{transform:translateY(-50%) rotate(90deg);color:var(--text)}.seo-faq-item[open] .seo-faq-summary{padding-bottom:.625rem}.seo-faq-item .seo-p{margin:0 0 1.5rem}@media(max-width:640px){.seo-stats{grid-template-columns:repeat(2,1fr)}.seo-h2{font-size:1.25rem}}.page-main{flex:1 0 auto;width:100%}.page-shell{max-width:46rem;margin:0 auto;padding:3.5rem 1.5rem 4.5rem}.page-back{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.01em;color:var(--footer-muted);text-decoration:none;transition:color .15s ease}.page-back:hover{color:var(--text)}.page-head{margin-top:2rem;padding-bottom:2rem;border-bottom:1px solid var(--hairline)}.page-eyebrow{display:block;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:.875rem}.page-title{margin:0;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;color:var(--text)}.page-lede{margin:.875rem 0 0;font-size:1.0625rem;line-height:1.65;color:var(--text-soft);text-wrap:balance}.page-updated{margin:1.25rem 0 0;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.02em;color:var(--text-faint)}.page-body{padding-top:2.5rem}.page-h2{margin:2.75rem 0 .875rem;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--text);scroll-margin-top:5rem}.page-body>.page-h2:first-child{margin-top:0}.page-h3{margin:2rem 0 .625rem;font-size:1rem;font-weight:600;letter-spacing:-.012em;color:var(--text)}.page-p{margin:0 0 1.125rem;font-size:.9375rem;line-height:1.8;color:var(--text-soft)}.page-p strong{color:var(--text);font-weight:600}.page-p a,.page-list a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.page-list{margin:0 0 1.125rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.625rem;font-size:.9375rem;line-height:1.7;color:var(--text-soft)}.page-list li::marker{color:var(--text-faint)}.page-list-flat{padding-left:1.125rem}.page-card{margin:0 0 1.125rem;padding:1.25rem 1.375rem;border:1px solid var(--hairline);border-radius:12px;background:var(--chip-bg)}.page-card>:last-child{margin-bottom:0}.page-card-title{margin:0 0 .5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.page-toc{margin:0 0 2.5rem;padding:1.25rem 1.5rem;border:1px solid var(--hairline);border-radius:12px;background:var(--chip-bg)}.page-toc-title{margin:0 0 .75rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.page-toc ol{margin:0;padding-left:1.125rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;line-height:1.6;color:var(--text-soft)}.page-toc li::marker{font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint)}.page-toc a{color:var(--text-soft);text-decoration:none;transition:color .15s ease}.page-toc a:hover{color:var(--link)}.page-cta{margin-top:3.5rem;padding:1.5rem;border:1px solid var(--hairline);border-radius:12px;background:var(--chip-bg)}.page-cta-title{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.015em;color:var(--text)}.page-cta-text{margin:.5rem 0 1rem;font-size:.875rem;line-height:1.65;color:var(--text-soft)}.page-cta-link{display:inline-block;padding:.5rem .875rem;border:1px solid var(--chip-border);border-radius:8px;background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text);text-decoration:none;transition:border-color .15s ease,color .15s ease}.page-cta-link:hover{border-color:var(--link);color:var(--link)}.page-siblings{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-faint)}.page-siblings a{color:var(--footer-muted);text-decoration:none;transition:color .15s ease}.page-siblings a:hover{color:var(--text)}@media(max-width:640px){.page-shell{padding:2.5rem 1.25rem 3.5rem}.page-lede{font-size:1rem}.page-h2{font-size:1.125rem}}.error-shell{max-width:36rem;margin:0 auto;padding:4.5rem 1.5rem 4rem;text-align:center}.error-heading{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:0}.error-code{font-family:var(--font-mono);font-size:clamp(3.5rem,2.5rem + 7vw,6rem);font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--text-faint);font-variant-numeric:tabular-nums}.error-title{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:700;letter-spacing:-.028em;line-height:1.2;color:var(--text);text-wrap:balance}.error-lede{margin:1.25rem auto 0;max-width:32rem;font-size:1rem;line-height:1.7;color:var(--text-soft);text-wrap:pretty}.error-lede a{color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.error-path{margin:1.5rem auto 0;max-width:32rem;font-size:.875rem;line-height:1.7;color:var(--text-faint)}.error-path[hidden]{display:none}.error-path code{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-soft);background:var(--chip-bg);border:1px solid var(--hairline);border-radius:6px;padding:.125rem .375rem;overflow-wrap:anywhere}.error-actions{margin-top:2.25rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.error-links{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--hairline-soft);display:flex;flex-wrap:wrap;gap:.375rem 1rem;justify-content:center;font-family:var(--font-mono);font-size:.75rem}.error-links a{color:var(--footer-muted);text-decoration:none;transition:color .15s ease}.error-links a:hover{color:var(--text)}@media(max-width:640px){.error-shell{padding:3.5rem 1.25rem 3rem}}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}