@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;font-stretch:25% 151%;src:url(/assets/roboto-flex-latin-wdth-normal-BPCCEOJP.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,.swatch[data-palette=bench]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d1117);--surface:var(--lightningcss-light,#f4f6f9)var(--lightningcss-dark,#151b23);--surface-2:var(--lightningcss-light,#e8edf3)var(--lightningcss-dark,#1e2631);--border:var(--lightningcss-light,#8693a5)var(--lightningcss-dark,#5b6778);--text:var(--lightningcss-light,#151a22)var(--lightningcss-dark,#e6ebf2);--text-muted:var(--lightningcss-light,#4a5565)var(--lightningcss-dark,#9aa7b8);--accent:var(--lightningcss-light,#1c4fd6)var(--lightningcss-dark,#7aa2ff);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d1117);--success:var(--lightningcss-light,#146c43)var(--lightningcss-dark,#5fd18b);--danger:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff8a80);--warning:var(--lightningcss-light,#7a4f00)var(--lightningcss-dark,#f0b84a);--primary-container:var(--lightningcss-light,#d9e2ff)var(--lightningcss-dark,#1d3a8a);--on-primary-container:var(--lightningcss-light,#001a5c)var(--lightningcss-dark,#dbe4ff);--secondary-container:var(--lightningcss-light,#dde3ee)var(--lightningcss-dark,#2b3444);--on-secondary-container:var(--lightningcss-light,#1a2230)var(--lightningcss-dark,#dde3ee);--tertiary-container:var(--lightningcss-light,#ffe2a8)var(--lightningcss-dark,#5a4300);--on-tertiary-container:var(--lightningcss-light,#4a3000)var(--lightningcss-dark,#ffe2a8);--success-container:var(--lightningcss-light,#cdeed6)var(--lightningcss-dark,#14452a);--on-success-container:var(--lightningcss-light,#052e16)var(--lightningcss-dark,#c6f0d2);--error-container:var(--lightningcss-light,#ffdad4)var(--lightningcss-dark,#5c1a1a);--on-error-container:var(--lightningcss-light,#410002)var(--lightningcss-dark,#ffdad6);--step--1:clamp(.8125rem, .78rem + .15vw, .875rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--step-2:clamp(1.5rem, 1.3rem + 1vw, 2.125rem);--space-1:clamp(.25rem, .23rem + .1vw, .3125rem);--space-2:clamp(.5rem, .46rem + .2vw, .625rem);--space-3:clamp(.75rem, .69rem + .3vw, 1rem);--space-4:clamp(1rem, .9rem + .5vw, 1.5rem);--space-5:clamp(1.5rem, 1.3rem + 1vw, 2.25rem);--radius-xs:.5rem;--radius-sm:.75rem;--radius:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:3rem;--radius-pill:999px;--tap:2.75rem;--focus-ring:0 0 0 3px var(--bg), 0 0 0 5px var(--accent);--font-sans:"Roboto Flex Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--line:color-mix(in srgb, var(--border) 38%, transparent);--glow:color-mix(in srgb, var(--accent) 9%, transparent);--shadow-1:0 1px 2px color-mix(in srgb, var(--text) 7%, transparent), 0 1px 1px color-mix(in srgb, var(--text) 4%, transparent);--shadow-2:0 12px 32px -12px color-mix(in srgb, var(--text) 24%, transparent), 0 2px 6px color-mix(in srgb, var(--text) 7%, transparent);--shadow-accent:0 8px 20px -8px color-mix(in srgb, var(--accent) 70%, transparent);--ease:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root,.swatch[data-palette=bench]{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-palette=harbor],.swatch[data-palette=harbor]{--bg:var(--lightningcss-light,#f7fbfb)var(--lightningcss-dark,#0c1a1c);--surface:var(--lightningcss-light,#eaf4f4)var(--lightningcss-dark,#112527);--surface-2:var(--lightningcss-light,#d9eaea)var(--lightningcss-dark,#1a3336);--border:var(--lightningcss-light,#6b8a8d)var(--lightningcss-dark,#5f8588);--text:var(--lightningcss-light,#10272a)var(--lightningcss-dark,#e3f2f2);--text-muted:var(--lightningcss-light,#3f5a5e)var(--lightningcss-dark,#9dbcbf);--accent:var(--lightningcss-light,#0b6f73)var(--lightningcss-dark,#4fd1c5);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#062022);--success:var(--lightningcss-light,#176b3a)var(--lightningcss-dark,#5fd18b);--danger:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff8a80);--warning:var(--lightningcss-light,#7a4f00)var(--lightningcss-dark,#f0b84a);--primary-container:var(--lightningcss-light,#b8ece9)var(--lightningcss-dark,#0f4f4d);--on-primary-container:var(--lightningcss-light,#00403f)var(--lightningcss-dark,#b8f4ef);--secondary-container:var(--lightningcss-light,#d4e6f1)var(--lightningcss-dark,#23404f);--on-secondary-container:var(--lightningcss-light,#0d2f45)var(--lightningcss-dark,#d4e6f1);--tertiary-container:var(--lightningcss-light,#ffe2a8)var(--lightningcss-dark,#5a4300);--on-tertiary-container:var(--lightningcss-light,#4a3000)var(--lightningcss-dark,#ffe2a8);--success-container:var(--lightningcss-light,#cdeed6)var(--lightningcss-dark,#14452a);--on-success-container:var(--lightningcss-light,#052e16)var(--lightningcss-dark,#c6f0d2);--error-container:var(--lightningcss-light,#ffdad4)var(--lightningcss-dark,#5c1a1a);--on-error-container:var(--lightningcss-light,#410002)var(--lightningcss-dark,#ffdad6)}:root[data-palette=catppuccin],.swatch[data-palette=catppuccin]{--bg:var(--lightningcss-light,#eff1f5)var(--lightningcss-dark,#1e1e2e);--surface:var(--lightningcss-light,#e6e9ef)var(--lightningcss-dark,#181825);--surface-2:var(--lightningcss-light,#dce0e8)var(--lightningcss-dark,#313244);--border:var(--lightningcss-light,#7c7f93)var(--lightningcss-dark,#7f849c);--text:var(--lightningcss-light,#4c4f69)var(--lightningcss-dark,#cdd6f4);--text-muted:var(--lightningcss-light,#5c5f77)var(--lightningcss-dark,#a6adc8);--accent:var(--lightningcss-light,#7f2fe6)var(--lightningcss-dark,#cba6f7);--on-accent:var(--lightningcss-light,#eff1f5)var(--lightningcss-dark,#1e1e2e);--success:var(--lightningcss-light,#286a19)var(--lightningcss-dark,#a6e3a1);--danger:var(--lightningcss-light,#c20d34)var(--lightningcss-dark,#f38ba8);--warning:var(--lightningcss-light,#7a4f00)var(--lightningcss-dark,#f9e2af);--primary-container:var(--lightningcss-light,#e9d9ff)var(--lightningcss-dark,#4b2f7a);--on-primary-container:var(--lightningcss-light,#2f0a63)var(--lightningcss-dark,#f0e0ff);--secondary-container:var(--lightningcss-light,#cfe5f5)var(--lightningcss-dark,#1f4a63);--on-secondary-container:var(--lightningcss-light,#0e3a5e)var(--lightningcss-dark,#cfe9f7);--tertiary-container:var(--lightningcss-light,#ffdcc2)var(--lightningcss-dark,#5a3a1c);--on-tertiary-container:var(--lightningcss-light,#5a2c00)var(--lightningcss-dark,#ffdcc2);--success-container:var(--lightningcss-light,#cdeed6)var(--lightningcss-dark,#14452a);--on-success-container:var(--lightningcss-light,#052e16)var(--lightningcss-dark,#c6f0d2);--error-container:var(--lightningcss-light,#ffdad4)var(--lightningcss-dark,#5c1a1a);--on-error-container:var(--lightningcss-light,#410002)var(--lightningcss-dark,#ffdad6)}:root[data-palette=nord],.swatch[data-palette=nord]{--bg:var(--lightningcss-light,#eceff4)var(--lightningcss-dark,#2e3440);--surface:var(--lightningcss-light,#e5e9f0)var(--lightningcss-dark,#343b49);--surface-2:var(--lightningcss-light,#d8dee9)var(--lightningcss-dark,#3b4252);--border:var(--lightningcss-light,#6b7a95)var(--lightningcss-dark,#7b88a1);--text:var(--lightningcss-light,#2e3440)var(--lightningcss-dark,#eceff4);--text-muted:var(--lightningcss-light,#4c566a)var(--lightningcss-dark,#b8c2d4);--accent:var(--lightningcss-light,#34628c)var(--lightningcss-dark,#95cfe0);--on-accent:var(--lightningcss-light,#eceff4)var(--lightningcss-dark,#2e3440);--success:var(--lightningcss-light,#3d6b2c)var(--lightningcss-dark,#b5cf9e);--danger:var(--lightningcss-light,#a63d48)var(--lightningcss-dark,#f2a6ac);--warning:var(--lightningcss-light,#7a5a10)var(--lightningcss-dark,#ebcb8b);--primary-container:var(--lightningcss-light,#cfe0f3)var(--lightningcss-dark,#3b5f78);--on-primary-container:var(--lightningcss-light,#0a2a45)var(--lightningcss-dark,#dff1f8);--secondary-container:var(--lightningcss-light,#d8dee9)var(--lightningcss-dark,#434c5e);--on-secondary-container:var(--lightningcss-light,#2e3440)var(--lightningcss-dark,#e5e9f0);--tertiary-container:var(--lightningcss-light,#f4e2b8)var(--lightningcss-dark,#5c4a22);--on-tertiary-container:var(--lightningcss-light,#4a3a10)var(--lightningcss-dark,#f5e1b0);--success-container:var(--lightningcss-light,#cdeed6)var(--lightningcss-dark,#14452a);--on-success-container:var(--lightningcss-light,#052e16)var(--lightningcss-dark,#c6f0d2);--error-container:var(--lightningcss-light,#ffdad4)var(--lightningcss-dark,#5c1a1a);--on-error-container:var(--lightningcss-light,#410002)var(--lightningcss-dark,#ffdad6)}:root[data-palette=rose-pine],.swatch[data-palette=rose-pine]{--bg:var(--lightningcss-light,#faf4ed)var(--lightningcss-dark,#191724);--surface:var(--lightningcss-light,#fffaf3)var(--lightningcss-dark,#1f1d2e);--surface-2:var(--lightningcss-light,#f2e9e1)var(--lightningcss-dark,#26233a);--border:var(--lightningcss-light,#857f98)var(--lightningcss-dark,#6e6a86);--text:var(--lightningcss-light,#575279)var(--lightningcss-dark,#e0def4);--text-muted:var(--lightningcss-light,#6a6585)var(--lightningcss-dark,#908caa);--accent:var(--lightningcss-light,#6f5a91)var(--lightningcss-dark,#c4a7e7);--on-accent:var(--lightningcss-light,#faf4ed)var(--lightningcss-dark,#191724);--success:var(--lightningcss-light,#286983)var(--lightningcss-dark,#9ccfd8);--danger:var(--lightningcss-light,#a14e66)var(--lightningcss-dark,#eb6f92);--warning:var(--lightningcss-light,#8a5a10)var(--lightningcss-dark,#f6c177);--primary-container:var(--lightningcss-light,#ecdcff)var(--lightningcss-dark,#3d2f5c);--on-primary-container:var(--lightningcss-light,#2d1b4d)var(--lightningcss-dark,#ecdcff);--secondary-container:var(--lightningcss-light,#d5eaee)var(--lightningcss-dark,#24464f);--on-secondary-container:var(--lightningcss-light,#0e3a45)var(--lightningcss-dark,#c8ecf3);--tertiary-container:var(--lightningcss-light,#fbe1b4)var(--lightningcss-dark,#4f3a17);--on-tertiary-container:var(--lightningcss-light,#4a3000)var(--lightningcss-dark,#fbe1b4);--success-container:var(--lightningcss-light,#cdeed6)var(--lightningcss-dark,#14452a);--on-success-container:var(--lightningcss-light,#052e16)var(--lightningcss-dark,#c6f0d2);--error-container:var(--lightningcss-light,#ffdad4)var(--lightningcss-dark,#5c1a1a);--on-error-container:var(--lightningcss-light,#410002)var(--lightningcss-dark,#ffdad6)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:var(--step-0) / 1.55 var(--font-sans);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{font-optical-sizing:auto;scroll-padding-top:5rem}html[data-text=small]{font-size:87.5%}html[data-text=large]{font-size:112.5%}html[data-text=larger]{font-size:125%}body{font-feature-settings:"cv11" 1, "ss03" 1;letter-spacing:-.006em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48rem 20rem at 18% -6rem, var(--glow), transparent 70%), radial-gradient(40rem 18rem at 88% -8rem, color-mix(in srgb, var(--accent) 5%, transparent), transparent 70%);height:36rem;position:fixed;inset:0 0 auto}h1{letter-spacing:-.035em;text-wrap:balance;font-weight:760;font-stretch:116%;line-height:1}h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:680;font-stretch:106%;line-height:1.12}p{text-wrap:pretty}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.page{max-width:64rem;padding:var(--space-4) var(--space-4) var(--space-5);margin:0 auto;line-height:1.6}.page-main{gap:var(--space-4);padding-block:var(--space-5);display:grid}.hero{align-items:center;column-gap:var(--space-5);grid-template-columns:minmax(0,1fr)}@media (min-width:52rem){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.hero>.hero-copy{grid-column:1}.hero>.hero-demo{grid-area:1/2/span 2}.hero>.features,.hero>.install{grid-column:1/-1}}.hero-copy{gap:var(--space-4);display:grid}.hero h1,.page-main h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.625rem,1.3rem + 1.6vw,2.5rem);line-height:1.12}.hero-accent{color:var(--accent)}.hero p,.page-main p{max-width:34rem;color:var(--text-muted);font-size:var(--step-0);margin:0;line-height:1.5}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.eyebrow{height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--secondary-container);color:var(--on-secondary-container);font-size:var(--step--1);justify-self:start;align-items:center;gap:.5rem;font-weight:580;display:inline-flex}.eyebrow svg{width:1.25rem;height:1.25rem}.collage{min-height:30rem;position:relative}.collage .shape-flower{width:min(32rem,100%);fill:var(--primary-container);position:absolute;top:-1rem;right:0}.collage .demo{width:min(27.5rem,92%);position:absolute;top:6rem;left:0}.collage-score{place-items:center;width:8.25rem;height:8.25rem;display:grid;position:absolute;top:.5rem;right:.5rem}.collage-score .shape-flower{width:100%;height:100%;fill:var(--tertiary-container);inset:0}.collage-score span{color:var(--on-tertiary-container);letter-spacing:-.04em;font-size:2.75rem;font-weight:780;font-stretch:116%;position:relative}.collage-pill{border-radius:var(--radius-pill);background:var(--secondary-container);height:4.5rem;color:var(--on-secondary-container);font-size:var(--step-0);box-shadow:var(--shadow-2);align-items:center;gap:.75rem;padding:0 1.75rem 0 1rem;font-weight:620;display:flex;position:absolute;bottom:2rem;right:0}.collage-pill i{background:var(--accent);width:2.5rem;height:2.5rem;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.collage-pill svg{width:1.375rem;height:1.375rem}.features{gap:var(--space-3);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.feature{align-content:start;gap:var(--space-3);min-height:15rem;padding:var(--space-5);display:grid}.feature:first-child{background:var(--primary-container);color:var(--on-primary-container);border-radius:var(--radius-2xl) var(--radius-2xl) var(--radius-2xl) var(--radius)}.feature:nth-child(2){background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--radius) var(--radius-2xl) var(--radius-2xl) var(--radius-2xl)}.feature:nth-child(3){background:var(--tertiary-container);color:var(--on-tertiary-container);border-radius:var(--radius-2xl) var(--radius) var(--radius-2xl) var(--radius-2xl)}.feature h2{font-size:var(--step-1);margin:0}.feature p{max-width:none;color:inherit;font-size:var(--step-0);opacity:.9;margin:0;line-height:1.5}.feature-icon{place-items:center;width:4.5rem;height:4.5rem;display:grid;position:relative}.feature-icon .shape-flower{fill:currentColor;opacity:.22;width:100%;height:100%;position:absolute;inset:0}.feature-icon svg:not(.shape-flower){width:1.75rem;height:1.75rem;position:relative}.install{justify-items:start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--surface-2);display:grid}.install h2{font-size:var(--step-1);align-items:center;gap:.5rem;margin:0;display:flex}.install h2 svg{width:1.5rem;height:1.5rem;color:var(--accent)}.install h3{margin:var(--space-2) 0 0;font-size:var(--step-0)}.install-steps{gap:var(--space-2);max-width:40rem;margin:0;padding-inline-start:1.5rem;line-height:1.5;display:grid}.hero .install-note{font-size:.9375rem}.install-others summary{cursor:pointer;color:var(--accent);font-weight:600}.install-others[open]{gap:var(--space-2);display:grid}.install-others h3{margin-top:var(--space-3)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn,.video-back,.quiz-check,.hint-button,.link-button{min-height:3.5rem;min-width:var(--tap);padding:0 var(--space-5);background:var(--primary-container);color:var(--on-primary-container);font:inherit;font-size:var(--step-0);letter-spacing:-.01em;cursor:pointer;transition:transform .2s var(--ease), border-radius .28s var(--ease), background-color .15s, box-shadow .2s;border:0;border-radius:1.375rem;justify-content:center;align-items:center;gap:.625rem;font-weight:640;font-stretch:106%;display:inline-flex}.btn:hover:not([disabled]),.video-back:hover,.quiz-check:hover,.hint-button:hover,.link-button:hover{border-radius:2rem}.btn:active:not([disabled]){transform:scale(.97)}.btn svg{flex:none;width:1.375rem;height:1.375rem}.btn-icon{width:3.5rem;padding:0}.btn-icon svg{width:1.5rem;height:1.5rem}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.btn-quiet{background:var(--surface-2);color:var(--text)}.btn-large{min-height:4rem;padding:0 var(--space-5);font-size:var(--step-1)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn:focus-visible,.video-back:focus-visible,.quiz-check:focus-visible,.hint-button:focus-visible,.link-button:focus-visible{box-shadow:var(--focus-ring);outline:none}a.btn{text-decoration:none}.btn[hidden],.video-back[hidden]{display:none}.preview-pill{border:1px solid color-mix(in srgb, currentColor 45%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;letter-spacing:.02em;vertical-align:middle;white-space:nowrap;margin-inline-start:.6em;padding:.1em .65em;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-block}.app-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-2);display:flex;position:relative}.brand{min-height:var(--tap);color:var(--text);font-weight:760;font-stretch:112%;font-size:var(--step-1);letter-spacing:.01em;align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.brand-mark{width:2.5rem;height:2.5rem}.brand:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.crumb{padding-left:var(--space-3);color:var(--text-muted);font-size:var(--step--1);margin-right:auto}.appearance{position:relative}.appearance-button{width:var(--tap);height:var(--tap);background:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color .15s, border-radius .28s var(--ease);border:0;border-radius:1.125rem;place-items:center;padding:0;display:grid}.appearance-button:hover{border-radius:1.5rem}.appearance-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.appearance-button svg{width:1.25rem;height:1.25rem}.appearance-panel{z-index:30;gap:var(--space-3);width:min(21rem,100vw - 2rem);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);box-shadow:var(--shadow-2);transform-origin:100% 0;animation:pop .18s var(--ease);display:grid;position:absolute;top:calc(100% + .5rem);right:0}.appearance-panel[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.appearance-title{margin:0 0 var(--space-1);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:650}.theme-toggle{border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;display:grid}.theme-option{min-height:var(--tap);padding:0 var(--space-2);border-radius:calc(var(--radius-lg) - .25rem);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:560;transition:background-color .15s,box-shadow .15s}.theme-option[aria-checked=true]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-1)}.theme-option:focus-visible{box-shadow:var(--focus-ring);outline:none}.palette-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.swatch{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);font:inherit;font-size:var(--step--1);text-align:left;cursor:pointer;transition:border-color .15s, box-shadow .15s, transform .12s var(--ease);gap:.5rem;padding:.625rem;font-weight:560;display:grid}.swatch:hover{transform:translateY(-1px)}.swatch[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.swatch:focus-visible{box-shadow:var(--focus-ring);outline:none}.swatch-dots{gap:.25rem;display:flex}.swatch-dots i{background:var(--accent);border-radius:50%;width:.875rem;height:.875rem}.swatch-dots i:nth-child(2){background:var(--success)}.swatch-dots i:nth-child(3){background:var(--warning)}.swatch-dots i:nth-child(4){background:var(--danger)}.pane-bar{padding:.75rem var(--space-4);background:var(--surface-2);color:var(--text-muted);font:560 .8125rem var(--font-mono);align-items:center;gap:.5rem;display:flex}.pane-dots{gap:.3125rem;margin-right:.375rem;display:inline-flex}.pane-dots i{background:color-mix(in srgb, var(--text-muted) 45%, transparent);border-radius:50%;width:.625rem;height:.625rem}@media (prefers-reduced-motion:reduce){.appearance-panel{animation:none}}.brand-mark-bg{fill:var(--accent)}.brand-mark-glyph{stroke:var(--on-accent)}.demo{border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-2);font-family:var(--font-mono);overflow:hidden}.demo-code{font-family:var(--font-mono);padding:var(--space-3) var(--space-4);color:var(--text);white-space:pre-wrap;margin:0;font-size:.8125rem;line-height:1.75}.demo-code .k{color:var(--accent);font-weight:650}.demo-code .s{color:var(--success)}.demo-code .c{color:var(--text-muted);font-style:italic}.demo-results{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);background:var(--surface-2);font:560 .8125rem var(--font-sans);gap:.375rem;margin:0;list-style:none;display:grid}.demo-results li{align-items:center;gap:.5rem;display:flex}.demo-results svg{flex:none;width:1rem;height:1rem}.demo-ok{color:var(--success)}.demo-no{color:var(--danger)}.wave{display:block;overflow:visible}.wave-line,.wave-track{fill:none;stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.wave-line{stroke:currentColor}.wave-track{stroke:currentColor;opacity:.25}.btn-reset{background:var(--surface-2);color:var(--text)}.desktop-site-notice{background:var(--surface-2);color:var(--text);border-bottom:2px solid var(--accent);gap:.5em;padding:.75em 1em;line-height:1.4;display:grid}.desktop-site-notice p{margin:0}