:root{color-scheme:dark;--bg: #121014;--bg-2: #17151a;--bg-3: #1e1c22;--paper: #efe9df;--paper-2: #e5ddd0;--text: #efe9df;--text-soft: #c9c2b6;--text-dim: #a29b90;--text-faint: #7d776d;--ink: #17140f;--ink-soft: #4f483e;--ink-dim: #6b6358;--line: rgb(239 233 223 / 10%);--line-strong: rgb(239 233 223 / 20%);--line-dark: rgb(23 20 15 / 12%);--crt: #6f86ff;--crt-soft: #9fb0ff;--crt-glow: rgb(111 134 255 / 55%);--amber: #ffb547;--green: #4ff08f;--orange: #ff6a2b;--hw-hi: #36343c;--hw: #29272e;--hw-lo: #1f1d23;--hw-edge: #47444e;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-sans: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--fs-micro: .72rem;--fs-xs: .8rem;--fs-sm: .9rem;--fs-body: 1.0625rem;--fs-lede: clamp(1.08rem, 1rem + .35vw, 1.3rem);--fs-h3: clamp(1.4rem, 1.1rem + 1vw, 2rem);--fs-h2: clamp(2.4rem, 1.2rem + 4.2vw, 5.4rem);--fs-display: clamp(3.1rem, 1rem + 6.6vw, 8.4rem);--gutter: clamp(20px, 4vw, 56px);--section-y: clamp(5.5rem, 3rem + 8vw, 11rem);--maxw: 1400px;--edge: max(var(--gutter), calc((100% - var(--maxw)) / 2));--measure: 34em;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--e-out: cubic-bezier(.2, .8, .2, 1);--e-in-out: cubic-bezier(.7, 0, .2, 1);--e-spring: cubic-bezier(.34, 1.4, .5, 1);--t-fast: .2s;--t-med: .45s}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;letter-spacing:-.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis-weight:none}img,svg,canvas,video{display:block;max-width:100%}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:650;line-height:1;letter-spacing:-.035em;text-wrap:balance}.accent{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--crt);filter:drop-shadow(0 0 .22em rgb(111 134 255 / 45%));padding-right:.04em}.on-paper .accent{color:#3f52d6;filter:none}::selection{background:var(--crt);color:#0b0c18}:focus-visible{outline:2px solid var(--crt);outline-offset:3px;border-radius:4px}.on-paper :focus-visible{outline-color:#3f52d6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:50%;z-index:300;padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper);border-radius:0 0 var(--r-sm) var(--r-sm);transform:translate(-50%,-110%);transition:transform var(--t-fast) var(--e-out)}.skip-link:focus-visible{transform:translate(-50%)}.mono-label{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.on-paper .mono-label{color:var(--ink-dim)}.section{position:relative;padding:var(--section-y) var(--gutter)}.wrap{max-width:var(--maxw);margin-inline:auto}.on-paper{color:var(--ink);background:var(--paper)}.section__title{font-size:var(--fs-h2);line-height:.94;letter-spacing:-.045em}.section__lede{max-width:var(--measure);font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.on-paper .section__lede{color:var(--ink-soft)}.key{--key-face: var(--paper);--key-edge: #b9b1a4;--key-ink: var(--ink);display:inline-flex;gap:.6rem;align-items:center;padding:.85rem 1.3rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--key-ink);background:var(--key-face);border-radius:12px;box-shadow:0 3px 0 var(--key-edge),0 12px 26px #00000052;transition:transform .14s var(--e-out),box-shadow .14s var(--e-out),background-color var(--t-fast) var(--e-out)}.key:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--key-edge),0 16px 30px #00000057}.key:active{transform:translateY(3px);box-shadow:0 0 0 var(--key-edge),0 4px 10px #0000004d}.key i{width:8px;height:8px;border-radius:2px;background:var(--orange)}.key--sm{padding:.65rem 1rem;font-size:.875rem}.key--dark{--key-face: var(--hw-hi);--key-edge: #0d0c10;--key-ink: var(--text)}.textlink{display:inline-flex;gap:.4rem;align-items:center;padding-bottom:3px;font-size:var(--fs-sm);border-bottom:1px solid var(--line-strong);transition:border-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out)}.textlink:hover{color:var(--crt-soft);border-color:var(--crt)}.on-paper .textlink{border-color:var(--line-dark)}.on-paper .textlink:hover{color:#3f52d6;border-color:#3f52d6}[data-reveal]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .85s var(--e-out),transform .85s var(--e-out);transition-delay:var(--d, 0s)}[data-reveal].is-in{opacity:1;transform:none}html.js-split [data-split]:not([data-split-done]){opacity:0}.line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.line>span{display:block;transform:translate3d(0,115%,0);transition:transform 1s var(--e-out);transition-delay:var(--d, 0s)}.is-in .line>span,.line.is-in>span{transform:none}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-leave .5s var(--e-in-out) both}::view-transition-new(root){animation:vt-enter .7s var(--e-out) .12s both}::view-transition-group(case-shot){animation-duration:.75s;animation-timing-function:var(--e-in-out)}::view-transition-old(case-shot),::view-transition-new(case-shot){height:100%;object-fit:cover;object-position:top}@keyframes vt-leave{to{opacity:0;transform:translateY(-3vh) scale(.985)}}@keyframes vt-enter{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.curtain{position:fixed;inset:0;z-index:500;pointer-events:none;background:var(--bg-3);transform:translateY(100%)}html.is-leaving .curtain{transform:translateY(0);transition:transform .45s var(--e-in-out)}html.is-arriving .curtain{transform:translateY(0)}html.is-arrived .curtain{transform:translateY(-100%);transition:transform .6s var(--e-in-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal],.line>span{opacity:1!important;transform:none!important}@view-transition{navigation:none}}.nav{position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:18px var(--edge);transition:background-color var(--t-med) var(--e-out),transform var(--t-med) var(--e-out),box-shadow var(--t-med) var(--e-out)}.nav.is-solid{background:#121014d1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--line)}.nav.is-hidden{transform:translateY(-100%)}.nav__brand{display:inline-flex;gap:.7rem;align-items:center;justify-self:start;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.nav__mark{width:28px;height:28px}.nav__links{display:flex;gap:clamp(1.25rem,2.4vw,2.4rem);font-size:var(--fs-sm);color:var(--text-dim)}.nav__links a{position:relative;padding-block:.4rem;transition:color var(--t-fast) var(--e-out)}.nav__links a:hover,.nav__links a.is-active{color:var(--text)}.nav__links a.is-active:after{position:absolute;bottom:-2px;left:50%;width:4px;height:4px;content:"";background:var(--crt);border-radius:50%;box-shadow:0 0 8px var(--crt);transform:translate(-50%)}.nav__cta{justify-self:end}.nav__kit{display:inline-flex;gap:.45rem;align-items:center}.nav__kit[aria-current=page]{color:var(--text)}.nav__badge{padding:.12rem .4rem;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0b1a10;background:var(--green);border-radius:5px}.nav__toggle{display:none;place-items:center;justify-self:end;width:44px;height:44px;background:var(--hw);border:1px solid var(--hw-edge);border-radius:12px}.nav__toggle i{grid-area:1 / 1;display:block;width:16px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .4s var(--e-out)}.nav__toggle i:first-of-type{transform:translateY(-3px)}.nav__toggle i:last-of-type{transform:translateY(3px)}.nav__toggle[aria-expanded=true] i:first-of-type{transform:rotate(45deg)}.nav__toggle[aria-expanded=true] i:last-of-type{transform:rotate(-45deg)}@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav__links,.nav__cta{display:none}.nav__toggle{display:grid}}.menu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:space-between;padding:104px var(--gutter) 40px;background:var(--bg);opacity:0;transition:opacity .35s var(--e-out)}.menu[hidden]{display:none}.menu.is-open{opacity:1}.menu__links{display:grid}.menu__links a{display:flex;align-items:baseline;justify-content:space-between;padding-block:.9rem;font-family:var(--font-display);font-size:clamp(2.2rem,9vw,3.4rem);font-weight:600;letter-spacing:-.04em;border-bottom:1px solid var(--line);transform:translateY(16px);opacity:0;transition:transform .5s var(--e-out),opacity .5s var(--e-out)}.menu.is-open .menu__links a{transform:none;opacity:1}.menu.is-open .menu__links a:nth-child(2){transition-delay:.04s}.menu.is-open .menu__links a:nth-child(3){transition-delay:.08s}.menu.is-open .menu__links a:nth-child(4){transition-delay:.12s}.menu.is-open .menu__links a:nth-child(5){transition-delay:.16s}.menu__links em{font-family:var(--font-mono);font-size:var(--fs-xs);font-style:normal;color:var(--crt-soft)}.menu__foot{display:grid;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.menu__foot a{color:var(--crt-soft)}.footer{padding:clamp(4rem,2rem + 6vw,8rem) var(--gutter) 2rem;background:var(--bg);border-top:1px solid var(--line)}.footer__word{font-family:var(--font-display);font-size:clamp(3rem,12vw,11.5rem);font-weight:700;line-height:.85;letter-spacing:-.06em;white-space:nowrap}.footer__word .accent{letter-spacing:-.04em}.footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:clamp(3rem,2rem + 3vw,5rem);padding-top:2rem;border-top:1px solid var(--line)}.footer__cols>*{display:grid;gap:.55rem;align-content:start}.footer__cols h2{margin-bottom:.4rem;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;letter-spacing:.16em}.footer__cols a,.footer__cols span{font-size:var(--fs-sm);color:var(--text-dim);transition:color var(--t-fast) var(--e-out)}.footer__cols a:hover{color:var(--text)}.footer__base{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--text-dim);border-top:1px solid var(--line)}@media(max-width:760px){.footer__cols{grid-template-columns:1fr 1fr}.footer__cols>:last-child{grid-column:1 / -1}}.kit-hero{padding:140px var(--gutter) clamp(2.5rem,2rem + 2vw,4rem);background:radial-gradient(45% 70% at 90% 0%,rgb(111 134 255 / 16%),transparent 70%),radial-gradient(30% 50% at 0% 100%,rgb(198 244 50 / 6%),transparent 70%),var(--bg)}.kit-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem 4rem;align-items:end}.kit-hero .mono-label{display:flex;gap:.7rem;align-items:center;margin-bottom:1.4rem}.kit-free{padding:.25rem .55rem;font-weight:600;color:#0b1a10;background:var(--green);border-radius:6px}.kit-hero__title{font-size:clamp(2.9rem,1rem + 4.9vw,6.4rem);font-weight:700;line-height:.9;letter-spacing:-.055em}.kit-hero__title .accent{display:block}.kit-hero__lede{max-width:30em;padding-bottom:.6rem;font-size:var(--fs-lede);line-height:1.55;color:var(--text-soft);text-wrap:pretty}.kit-card{padding:clamp(1.1rem,.8rem + 1vw,1.6rem);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg)}.kit-card__head{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline;justify-content:space-between;margin-bottom:1.2rem}.kit-h{font-size:1.25rem;font-weight:650;letter-spacing:-.025em}.kit-hint,.kit-note{font-size:var(--fs-xs);color:var(--text-dim)}.kit-note{margin-top:.9rem;line-height:1.5}.kit-field{display:grid;gap:.45rem;margin-bottom:1.2rem}.kit-field input[type=text]{width:100%;padding:.7rem .85rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-sm);transition:border-color var(--t-fast)}.kit-field input[type=text]:focus-visible{border-color:var(--crt);outline-offset:1px}.kit-field input[aria-invalid=true]{border-color:var(--orange)}.kit-chipbtn,.kit-btn{padding:.45rem .8rem;font-size:var(--fs-xs);font-weight:600;color:var(--text);background:var(--hw);border:1px solid var(--hw-edge);border-radius:8px;transition:background-color var(--t-fast),border-color var(--t-fast)}.kit-btn{padding:.7rem 1rem;font-size:var(--fs-sm)}.kit-chipbtn:hover,.kit-btn:hover{background:var(--hw-hi);border-color:var(--text-faint)}.kit-chipbtn.is-ghost{color:var(--text-dim);background:none}.kit-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}.kit-actions .key{border:0}.kit,.kit-row,.kit-cta{max-width:calc(var(--maxw) + 2 * var(--gutter))}.kit{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:1.2rem;align-items:start;padding:0 var(--gutter)}.kit-palette{position:sticky;top:96px}.kit-editor{display:grid;gap:1.2rem}.kit-roles{display:grid;gap:.5rem;border:0}.kit-roles legend{margin-bottom:.6rem}.kit-roles>div{--rows: 4;display:grid;gap:.5rem}.kit-roles>div:empty{min-height:calc(var(--rows) * 80.4px + (var(--rows) - 1) * .5rem)}.kit-role{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:.15rem .8rem;align-items:center;padding:.7rem;cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast),background-color var(--t-fast)}.kit-role:hover{border-color:var(--line-strong)}.kit-role.is-active{background:#6f86ff14;border-color:var(--crt)}.kit-role input{position:absolute;opacity:0;pointer-events:none}.kit-role:has(input:focus-visible){outline:2px solid var(--crt);outline-offset:2px}.kit-role__chip{grid-row:1 / 3;width:44px;height:44px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff1f}.kit-role__text{display:grid;min-width:0}.kit-role__text b{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.kit-role__text span{overflow:hidden;font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap}.kit-role__mini{display:flex;height:8px;overflow:hidden;border-radius:3px}.kit-role__mini i{flex:1}.kit-group+.kit-group{margin-top:1rem}.kit-group>.mono-label{margin-bottom:.5rem}.kit-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.kit-swatch{display:grid;gap:.15rem;width:100%;padding:.35rem .35rem .5rem;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:12px;transition:transform .18s var(--e-out),border-color var(--t-fast)}.kit-swatch:hover{transform:translateY(-2px);border-color:var(--line-strong)}.kit-swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.kit-swatch__chip{height:46px;margin-bottom:.35rem;background:var(--sw);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1a}.kit-swatch__name{overflow:hidden;padding-inline:.2rem;font-size:.78rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.kit-swatch__hex{padding-inline:.2rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim)}.kit-custom{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:end;padding-top:1.2rem;margin-top:1.2rem;border-top:1px solid var(--line)}.kit-custom__picker input{width:52px;height:44px;padding:0;cursor:pointer;background:none;border:1px solid var(--line-strong);border-radius:10px}.kit-custom__picker input::-webkit-color-swatch-wrapper{padding:4px}.kit-custom__picker input::-webkit-color-swatch{border:0;border-radius:6px}.kit-field--inline{margin:0}.kit-field--inline input{width:11rem!important;font-family:var(--font-mono)!important;text-transform:uppercase}.kit-error{flex-basis:100%;font-size:var(--fs-xs);color:var(--orange)}.kit-error:empty{display:none}.kit-ramp{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:.35rem}.kit-shade{display:grid;gap:.3rem;min-width:0}.kit-shade__swatch{position:relative;height:112px;padding:.45rem;text-align:left;color:var(--on);background:var(--sw);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .18s var(--e-out)}.kit-shade__swatch:hover{transform:translateY(-3px)}.kit-shade.is-main .kit-shade__swatch{box-shadow:0 0 0 2px var(--bg-2),0 0 0 4px var(--text)}.kit-shade__step{font-family:var(--font-mono);font-size:.78rem;font-weight:600}.kit-shade__tag{position:absolute;bottom:.45rem;left:.45rem;padding:.12rem .35rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sw);background:var(--on);border-radius:4px}.kit-shade__tag.is-base{color:var(--on);background:none;box-shadow:inset 0 0 0 1px var(--on)}.kit-shade__hex{overflow:hidden;padding:.3rem .2rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;transition:background-color var(--t-fast),color var(--t-fast)}.kit-shade__hex:hover{color:var(--text);background:#ffffff0f}.kit-shade__aa{display:grid;padding-inline:.2rem;font-family:var(--font-mono);font-size:.62rem;line-height:1.5;color:var(--text-dim)}.kit-formats{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;padding-top:1rem;margin-top:1.2rem;border-top:1px solid var(--line)}.kit-formats>div{display:flex;gap:.6rem;align-items:baseline}.kit-formats dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--text-dim)}.kit-formats button{padding:.2rem .35rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--crt-soft);border-radius:6px}.kit-formats button:hover{background:#6f86ff1f}.kit-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.2rem;align-items:start;padding:1.2rem var(--gutter) 0}.kit-toggle{display:inline-flex;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.kit-toggle button{padding:.35rem .8rem;font-size:var(--fs-xs);font-weight:600;color:var(--text-dim);border-radius:7px}.kit-toggle button[aria-pressed=true]{color:var(--text);background:var(--hw-hi)}.kit-bg{display:grid;gap:.6rem;margin-bottom:1rem}.kit-bg__row{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center}.kit-bg__opts{display:flex;gap:.45rem;min-height:36px}.kit-bg__opt,.kit-bg__custom{position:relative;width:36px;height:36px;background:var(--sw);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff29;transition:transform .18s var(--e-out)}.kit-bg__opt:hover,.kit-bg__custom:hover{transform:translateY(-2px)}.kit-bg__opt[aria-pressed=true],.kit-bg__custom.is-on{box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 2px var(--bg-2),0 0 0 4px var(--text)}.kit-row--fonts{grid-template-columns:minmax(0,1fr)}.kit-fonts .mono-label{margin-bottom:.7rem}.kit-pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:1.6rem}.kit-pair,.kit-font{display:grid;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--t-fast),background-color var(--t-fast),transform .18s var(--e-out)}.kit-pair{gap:.35rem;padding:.9rem 1rem}.kit-pair:hover,.kit-font:not(:disabled):hover{border-color:var(--line-strong, rgb(255 255 255 / 22%));transform:translateY(-2px)}.kit-pair[aria-pressed=true],.kit-font[aria-pressed=true]{background:#6f86ff1a;border-color:var(--crt)}.kit-pair__head{font-size:1.45rem;line-height:1.1}.kit-pair__body{font-size:.85rem;color:var(--text-dim)}.kit-fonts__bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-bottom:.9rem}.kit-toggle--fonts button{padding:.45rem .9rem}.kit-toggle--fonts span{margin-left:.3rem;font-weight:400;color:var(--text-dim)}.kit-toggle--fonts [aria-pressed=true] span{color:var(--text-soft)}.kit-fontgroups{display:grid;gap:1.4rem;min-height:320px}.kit-fontlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.kit-font{gap:.45rem;padding:1rem 1.05rem .9rem}.kit-font__sample{overflow:hidden;padding-block:.1em;font-size:2.1rem;line-height:1.12;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.kit-font.is-body .kit-font__sample{font-size:1.15rem;line-height:1.4}.kit-font__line{overflow:hidden;font-size:.92rem;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap}.kit-font__meta{display:grid;gap:.1rem;padding-top:.6rem;margin-top:.15rem;border-top:1px solid var(--line)}.kit-font__name{overflow:hidden;font-size:.86rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.kit-font__note{font-size:.8rem;color:var(--text-dim)}.kit-font:disabled{cursor:not-allowed;opacity:.4}.kit-bg__custom{overflow:hidden;cursor:pointer;background:conic-gradient(from 90deg,#ff6b57,#f5d76e,#9fe3c1,#7cc4f2,#b79ced,#ff6b57)}.kit-bg__custom input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.kit-bg__custom:has(input:focus-visible){outline:2px solid var(--crt);outline-offset:3px}.kit-bg__meta{min-width:20ch;min-height:1.5em;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.pv{overflow:hidden;font-family:var(--pv-body, var(--font-sans));color:var(--pv-text);background:var(--pv-bg);border:1px solid var(--pv-border);border-radius:var(--r-md);transition:background-color .35s var(--e-out),color .35s var(--e-out)}.pv__nav{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border-bottom:1px solid var(--pv-border)}.pv__logo{display:inline-flex;gap:.5rem;align-items:center;font-family:var(--pv-head, var(--font-display));font-size:.95rem;font-weight:var(--pv-head-w, 700)}.pv__logo i{width:18px;height:18px;background:var(--pv-btn);border-radius:5px;box-shadow:6px 6px 0 -1px var(--pv-acc)}.pv__links{display:flex;gap:1.1rem;font-size:.82rem;color:var(--pv-muted)}.pv__hero{display:grid;gap:.9rem;justify-items:start;padding:clamp(1.4rem,1rem + 2vw,2.6rem) 1.4rem}.pv__badge{padding:.25rem .6rem;font-size:.72rem;font-weight:600;color:var(--pv-acc-text);background:var(--pv-acc);border-radius:999px}.pv__title{max-width:16ch;font-family:var(--pv-head, var(--font-display));font-size:clamp(1.8rem,1rem + 2.4vw,2.9rem);font-weight:var(--pv-head-w, 700);line-height:1.04;letter-spacing:var(--pv-head-t, -.045em)}.pv__title span{color:var(--pv-link)}.pv__text{max-width:38em;font-size:.92rem;line-height:1.55;color:var(--pv-muted)}.pv__link{color:var(--pv-link);text-decoration:underline;text-underline-offset:3px}.pv__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem}.pv__btn{padding:.65rem 1.05rem;font-size:.85rem;font-weight:600;color:var(--pv-btn-text);background:var(--pv-btn);border-radius:10px}.pv__btn--sm{padding:.45rem .8rem;font-size:.78rem}.pv__btn--ghost{color:var(--pv-ghost);background:none;box-shadow:inset 0 0 0 1.5px var(--pv-ghost)}.pv__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:0 1.4rem 1.4rem}.pv__card{display:grid;gap:.3rem;padding:1rem;font-size:.8rem;background:var(--pv-surface);border-radius:12px}.pv__card b{font-family:var(--pv-head, var(--font-display));font-size:.95rem;font-weight:var(--pv-head-w, 700)}.pv__card span{color:var(--pv-muted)}.pv__card--sec{color:var(--pv-sec-text);background:var(--pv-sec-bg)}.pv__card--sec span{color:inherit;opacity:.85}.pv__card--acc{color:var(--pv-acc-text);background:var(--pv-acc)}.pv__card--acc span{color:inherit;opacity:.85}.kit-checks{display:grid;gap:.5rem}.kit-check{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto auto;gap:.8rem;align-items:center;padding:.55rem .7rem .55rem .55rem;font-size:var(--fs-sm);background:var(--bg);border:1px solid var(--line);border-radius:12px}.kit-check__pair{display:grid;place-items:center;height:2.2rem;font-family:var(--font-display);font-weight:700;color:var(--fg);background:var(--bg);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1a}.kit-check__pair:before{content:"Aa"}.kit-check__label{line-height:1.3;color:var(--text-soft)}.kit-check__ratio{font-family:var(--font-mono);font-size:var(--fs-xs)}.kit-check__grade{min-width:4.6rem;padding:.2rem .45rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-align:center;border-radius:6px}.kit-check.is-pass .kit-check__grade{color:#0b1a10;background:var(--green)}.kit-check.is-warn .kit-check__grade{color:#1d1404;background:var(--amber)}.kit-check.is-fail .kit-check__grade{color:#17140f;background:var(--orange)}.kit-guide__brand{margin:-.4rem 0 1.2rem;font-family:var(--font-display);font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem);font-weight:700;letter-spacing:-.04em}.kit-guide__role{display:grid;grid-template-columns:56px minmax(0,1fr);gap:1rem;padding-block:1rem;border-top:1px solid var(--line)}.kit-guide__chip{width:56px;height:56px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff1f}.kit-guide__chip--type{display:grid;place-items:center;font-size:1.7rem;color:var(--text);background:var(--hw)}.kit-guide__sample{margin-block:.3rem;font-size:1.6rem;line-height:1.1;color:var(--text)}.kit-guide__sample--body{font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-soft)}.kit-guide__title{margin-bottom:.25rem;font-size:var(--fs-sm);color:var(--text-dim)}.kit-guide__title b{font-family:var(--font-display);font-size:1.05rem;color:var(--text)}.kit-guide__title code{font-family:var(--font-mono);color:var(--crt-soft)}.kit-guide__role p:not(.kit-guide__title){font-size:var(--fs-sm);color:var(--text-soft)}.kit-guide__ramp{display:flex;height:14px;margin-top:.6rem;overflow:hidden;border-radius:4px}.kit-guide__ramp i{flex:1}.kit-guide__ratio{padding-top:1.2rem;border-top:1px solid var(--line)}.kit-ratio{display:flex;height:36px;margin-top:.7rem;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px}.kit-ratio__legend{margin-top:.5rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-dim)}.kit-guide__rules{display:grid;gap:.6rem;margin-top:1.4rem}.kit-guide__rules li{position:relative;padding-left:1.3rem;font-size:var(--fs-sm);color:var(--text-soft)}.kit-guide__rules li:before{position:absolute;top:.55em;left:0;width:7px;height:7px;content:"";background:var(--crt);border-radius:2px}.kit-side{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;min-width:0}.kit-saved__h{margin-top:1.4rem}.kit-saved{display:grid;gap:.4rem;margin-top:.6rem}.kit-saved__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.6rem;align-items:center;padding:.5rem;background:var(--bg);border:1px solid var(--line);border-radius:10px}.kit-saved__chips{display:flex}.kit-saved__chips i{width:18px;height:18px;margin-right:-5px;border:2px solid var(--bg);border-radius:50%}.kit-saved__name{overflow:hidden;padding-left:.4rem;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.kit-tabs{display:flex;gap:.3rem;margin-top:.8rem;border-bottom:1px solid var(--line)}.kit-tabs button{padding:.5rem .75rem;margin-bottom:-1px;font-size:var(--fs-xs);font-weight:600;color:var(--text-dim);border-bottom:2px solid transparent}.kit-tabs button[aria-selected=true]{color:var(--text);border-color:var(--crt)}.kit-code{max-height:260px;padding:1rem;margin-top:.8rem;overflow:auto;font-family:var(--font-mono);font-size:.74rem;line-height:1.65;color:var(--text-soft);background:var(--bg);border:1px solid var(--line);border-radius:10px}.kit-cta{display:grid;gap:1.4rem;justify-items:start;padding:clamp(5rem,3rem + 5vw,8rem) var(--gutter)}.kit-cta__title{max-width:16ch;font-size:clamp(2.4rem,1.2rem + 4vw,5rem);font-weight:700;line-height:.92;letter-spacing:-.05em}.kit-toast{position:fixed;bottom:24px;left:50%;z-index:200;padding:.7rem 1rem;font-size:var(--fs-sm);font-weight:600;color:var(--ink);pointer-events:none;background:var(--paper);border-radius:10px;box-shadow:0 16px 40px #00000073;opacity:0;transform:translate(-50%,12px);transition:opacity .25s var(--e-out),transform .25s var(--e-out)}.kit-toast.is-on{opacity:1;transform:translate(-50%)}@media(max-width:1100px){.kit,.kit-row{grid-template-columns:minmax(0,1fr)}.kit-palette{position:static}.kit-roles>div{--rows: 2;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.kit-hero__inner{grid-template-columns:1fr}.kit-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-swatch__name{white-space:normal;text-wrap:balance}.kit-swatch__hex,.kit-shade__hex,.kit-shade__aa,.kit-shade__tag,.kit-formats dt,.kit-check__grade,.kit-code{font-size:.75rem}.kit-ramp{grid-template-columns:1fr;gap:.3rem}.kit-shade{grid-template-columns:minmax(0,1fr) 6.2rem 4.6rem;gap:.5rem;align-items:center}.kit-shade__swatch{display:flex;gap:.6rem;align-items:center;height:46px;padding-inline:.8rem}.kit-shade__tag{position:static}.pv__links{display:none}.pv__cards{grid-template-columns:1fr}}@media(max-width:1100px){.kit-fontlist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.kit-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.kit-font{padding:.8rem .8rem .75rem}.kit-font__sample{font-size:1.35rem}.kit-font__line{font-size:.8rem}.kit-pair__head{font-size:1.2rem}.kit-roles>div{--rows: 4;grid-template-columns:1fr}.kit-check{grid-template-columns:2.4rem minmax(0,1fr) auto}.kit-check__ratio{display:none}}@media print{@page{margin:14mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{color:#17140f;background:#fff}.nav,.menu,.skip-link,.curtain,.kit-hero,.kit,.kit-preview-card,.kit-checks-card,.kit-side,.kit-cta,.footer,.kit-toast{display:none!important}.kit-row{display:block;padding:0}.kit-guide{padding:0;color:#17140f;background:#fff;border:0}.kit-guide .kit-hint,.kit-guide__title,.kit-guide__role p:not(.kit-guide__title),.kit-guide__rules li,.kit-ratio__legend{color:#4f483e!important}.kit-guide__title b,.kit-guide__brand,.kit-h{color:#17140f!important}.kit-guide__title code{color:#3f52d6!important}.kit-guide__role,.kit-guide__ratio{border-color:#ddd;break-inside:avoid}}