:where(.guide-root) *{box-sizing:border-box;margin:0;padding:0}.guide-root{--pad-x:24px;--hairline:#b5ada826}@media (min-width:768px){.guide-root{--pad-x:64px}}.guide-root{background:var(--color-kissd-black);color:var(--color-kissd-offwhite);font-family:var(--kissd-font-stack);-webkit-font-smoothing:antialiased;font-weight:300}:where(.guide-root) section{scroll-margin-top:72px}:where(.guide-root) :focus-visible{outline:2px solid var(--color-kissd-lime);outline-offset:4px}:where(.guide-root) [hidden]{display:none!important}.guide-root .note,.guide-root .token-table,.guide-root .accent-list,.guide-root .pattern-card p,.guide-root .rules-list,.guide-root .demo-label,.guide-root .spec-meta{font-weight:400}:where(.guide-root) code{color:var(--color-kissd-lime);background:#e1ff1c12;border-radius:3px;padding:.1em .35em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}:where(.guide-root) a{color:inherit}:where(.guide-root) section,:where(.guide-root) .masthead{padding:96px var(--pad-x);border-bottom:1px solid var(--hairline);max-width:1400px}:where(.guide-root) section>*+*{margin-top:40px}:where(.guide-root) section>.specimen+.specimen{margin-top:0}:where(.guide-root) section>h3.sub+.note,:where(.guide-root) section>.section-context+.note{margin-top:12px}.guide-root .eyebrow-row{align-items:center;gap:16px;margin-bottom:32px;display:flex}.guide-root .eyebrow-row .rule{background:#fa490066;width:48px;height:1px}.guide-root .eyebrow-row .dim{opacity:.5}.guide-root .masthead{padding-top:72px}.guide-root .masthead-title{max-width:1100px}.guide-root .masthead-title .magenta{color:var(--color-kissd-magenta)}.guide-root .masthead-deck{color:#f7f4ebe6;max-width:720px;margin-top:40px}.guide-root .toc{padding:18px var(--pad-x);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#191919eb;flex-wrap:wrap;gap:28px;display:flex}.guide-root .sticky-toc{z-index:var(--kissd-z-sticky);position:sticky;top:0}.guide-root .toc a{transition:color .3s var(--kissd-ease);text-decoration:none}.guide-root .toc a:hover,.guide-root .toc a:focus-visible{color:var(--color-kissd-offwhite)}.guide-root .guide-tools{border-top:1px solid var(--hairline);gap:12px;max-width:720px;margin-top:48px;padding-top:24px;display:grid}.guide-root .token-search-label{gap:10px;display:grid}.guide-root .token-search{border:1px solid var(--hairline);width:min(100%,520px);height:44px;color:var(--color-kissd-offwhite);font:400 15px/1.2 var(--kissd-font-stack);background:#f7f4eb0f;border-radius:9999px;padding:0 18px}.guide-root .token-search::placeholder{color:#b5ada8cc}.guide-root .type-section-title{margin-bottom:40px}.guide-root h3.sub{margin:64px 0 12px}.guide-root h3.sub.red{color:var(--color-kissd-red)}.guide-root .section-context{max-width:var(--kissd-measure-prose);margin-top:-4px;display:block}.guide-root .note{max-width:var(--kissd-measure-prose);margin-bottom:24px}.guide-root .swatch-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}@media (min-width:1100px){.guide-root .swatch-grid{grid-template-columns:repeat(6,1fr)}}.guide-root .swatch{aspect-ratio:16/10;border-radius:4px;flex-direction:column;justify-content:flex-start;gap:8px;padding:20px;display:flex;position:relative}.guide-root .swatch-name{letter-spacing:.075em;text-transform:uppercase;font-size:13px;font-weight:400}.guide-root .swatch-name em{letter-spacing:.03em;opacity:.72;text-transform:lowercase;font-size:10px;font-style:normal;display:block}.guide-root .swatch-hex{letter-spacing:.05em;margin-top:auto;padding-right:64px;font-size:12px}.guide-root .copy-token{width:26px;height:26px;color:var(--color-kissd-offwhite);cursor:pointer;background:#19191959;border:1px solid #f7f4eb59;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:12px;right:12px}.guide-root .copy-token:hover,.guide-root .copy-token:focus-visible{border-color:#f7f4ebcc}.guide-root .copy-token.dark{color:var(--color-kissd-black);background:0 0;border-color:#19191959}.guide-root .copy-token.dark:hover,.guide-root .copy-token.dark:focus-visible{border-color:#191919cc}.guide-root .copy-token .ico-check{display:none}.guide-root .copy-token.copied{border-color:var(--color-kissd-lime);color:var(--color-kissd-lime)}.guide-root .copy-token.copied.dark{color:var(--color-kissd-black);border-color:#191919cc}.guide-root .copy-token.copied .ico-main{display:none}.guide-root .copy-token.copied .ico-check{display:block}.guide-root .copy-token.copy-failed{border-color:var(--color-kissd-red);color:var(--color-kissd-red)}.guide-root .accent-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.guide-root .accent-card{border:1px solid var(--hairline);border-radius:4px;flex-direction:column;gap:14px;padding:32px 28px;display:flex}.guide-root .accent-list{list-style:none}.guide-root .accent-list li{border-bottom:1px solid var(--hairline);color:var(--color-kissd-offwhite);padding:8px 0 8px 24px;position:relative}.guide-root .accent-list li:before{content:"✓";color:var(--color-kissd-lime);position:absolute;left:0}.guide-root .accent-list.never li:before{content:"✕";color:var(--color-kissd-red)}.guide-root .accent-list.never li{color:var(--color-kissd-grey)}.guide-root .pair-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;max-width:900px;display:grid}.guide-root .pair{aspect-ratio:4/3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:36px;font-weight:300;display:flex;position:relative;overflow:hidden}.guide-root .pair small{letter-spacing:.08em;text-transform:uppercase;opacity:1;font-size:10px;font-weight:500}.guide-root .pair.display-only:before{content:"";pointer-events:none;border:2px dashed #19191959;position:absolute;inset:0}.guide-root .pair.display-only small{color:var(--color-kissd-black)}.guide-root .contrast-note{max-width:760px}.guide-root .pair.banned:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - 1px),#fa4900 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.guide-root .alpha-row{gap:8px;max-width:700px;display:flex}.guide-root .alpha{aspect-ratio:1;color:var(--color-kissd-offwhite);border:1px solid var(--hairline);border-radius:4px;flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.guide-root .specimen{border-bottom:1px solid var(--hairline);padding:32px 0;position:relative}.guide-root .specimen .copy-token{top:32px;bottom:auto;right:0}.guide-root .spec-meta{opacity:.7;margin-bottom:16px;padding-right:44px}.guide-root .token-table td.row-action{text-align:right;width:40px;position:relative}.guide-root .token-table td.row-action .copy-token{display:inline-flex;position:static}.guide-root .token-table{border-collapse:collapse;width:100%;max-width:900px}.guide-root .token-table td{border-bottom:1px solid var(--hairline);vertical-align:top;padding:14px 24px 14px 0}.guide-root .token-table td:nth-child(2){color:var(--color-kissd-offwhite);white-space:nowrap}.guide-root .demo-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.guide-root .demo-card{border:1px solid var(--hairline);border-radius:4px;flex-direction:column;gap:20px;min-height:140px;padding:32px 24px;display:flex}.guide-root .demo-label{opacity:.7}.guide-root .demo-underline{align-self:flex-start;text-decoration:none;position:relative}.guide-root .demo-underline:after{content:"";background:var(--color-kissd-red);transform-origin:0;height:1px;transition:transform .5s var(--kissd-ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.guide-root .demo-underline:hover:after{transform:scaleX(1)}.guide-root .demo-fill{border:1px solid var(--color-kissd-offwhite);cursor:pointer;background:0 0;border-radius:9999px;align-self:flex-start;padding:14px 28px;position:relative;overflow:hidden}.guide-root .demo-fill:before{content:"";background:var(--color-kissd-lime);transition:transform .5s var(--kissd-ease);position:absolute;inset:0;transform:translateY(100%)}.guide-root .demo-fill:hover:before{transform:translateY(0)}.guide-root .demo-fill span{transition:color .5s var(--kissd-ease);position:relative}.guide-root .demo-fill:hover span{color:var(--color-kissd-black)}.guide-root .demo-mini-card{border:1px solid var(--hairline);transition:border-color .5s var(--kissd-ease), transform .5s var(--kissd-ease);border-radius:4px;padding:24px}.guide-root .demo-mini-card:hover{border-color:#e1ff1c66;transform:translateY(-4px)}.guide-root .icon-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.guide-root .icon-cell{border:1px solid var(--hairline);border-radius:6px;flex-direction:column;align-items:center;gap:16px;padding:32px 16px 20px;display:flex}.guide-root .icon-cell .icon-name{color:var(--color-kissd-grey)}.guide-root .guide-icon{width:96px;height:96px}.guide-root .guide-icon.spin{animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guide-root .easing-plot{width:120px;height:88px;display:block}.guide-root .demo-card{position:relative}.guide-root .demo-card .copy-token{top:12px;bottom:auto;right:12px}.guide-root .marquee-demo{width:100%;overflow:hidden}.guide-root .marquee-track{white-space:nowrap;animation:38s linear infinite guide-marquee;display:inline-block}@keyframes guide-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.guide-root .pattern-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.guide-root .pattern-card{border:1px solid var(--hairline);transition:border-color .5s var(--kissd-ease);border-radius:4px;flex-direction:column;gap:12px;padding:24px;display:flex}.guide-root .pattern-card:hover{border-color:#fb6dfd66}.guide-root .mode-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:24px;display:grid}.guide-root .mode-card{border-radius:4px;flex-direction:column;gap:16px;min-height:220px;padding:40px 32px;display:flex}.guide-root .poster-card{background:var(--color-kissd-red)}.guide-root .poster-card .type-body,.guide-root .poster-card .type-body-sm{font-weight:400}.guide-root .tool-mode-card{background:var(--tool-panel);border:1px solid var(--hairline)}.guide-root .tool-preview{border-radius:var(--tool-radius-card);max-width:840px;padding:1px}.guide-root .tool-preview .tool-card{gap:16px;display:grid}.guide-root .tool-preview .tool-heading{max-width:720px}.guide-root .tool-preview-actions{flex-wrap:wrap;gap:12px;display:flex}.guide-root .rules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;display:grid}.guide-root .rules-list{list-style:none}.guide-root .rules-list li{border-bottom:1px solid var(--hairline);padding:12px 0 12px 28px;position:relative}.guide-root .rules-list li:before{content:"✓";color:var(--color-kissd-lime);position:absolute;left:0}.guide-root .rules-list.never li:before{content:"✕";color:var(--color-kissd-red)}.guide-root .guide-footer{padding:32px var(--pad-x);flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1400px;display:flex}.guide-root .logo-hero{background:var(--color-kissd-black);border:1px solid #b5ada840;border-radius:6px;flex-direction:column;align-items:center;gap:28px;padding:64px 24px 32px;display:flex;position:relative}.guide-root .logo-hero img{width:min(340px,70%);height:auto}.guide-root .logo-hero-label{text-align:center;max-width:560px;color:var(--color-kissd-grey);font-size:13px;line-height:1.5}.guide-root .logo-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.guide-root .logo-card{border-radius:6px;justify-content:center;align-items:center;min-height:150px;padding:28px 16px 44px;display:flex;position:relative}.guide-root .logo-card.on-black{background:var(--color-kissd-black);border:1px solid #b5ada82e}.guide-root .logo-card img{width:62%;max-width:170px;height:auto}.guide-root .logo-name{letter-spacing:.08em;text-transform:uppercase;color:var(--color-kissd-grey);font-size:11px;font-weight:400;position:absolute;bottom:12px;left:14px}.guide-root .logo-card.on-field .logo-name{color:var(--color-kissd-black)}.guide-root .logo-min{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.guide-root .logo-min-demo{background:var(--color-kissd-black);border:1px solid #b5ada82e;border-radius:6px;flex-direction:column;gap:12px;padding:28px;display:flex}.guide-root .logo-min-demo img{width:160px;height:auto;display:block}.guide-root .logo-min-copy{flex-direction:column;flex:320px;gap:12px;max-width:560px;display:flex}.guide-root .logo-text-fallback{letter-spacing:.01em;color:var(--color-kissd-offwhite);font-size:22px;font-weight:300}.guide-root .logo-pack-btn{color:var(--color-kissd-offwhite);letter-spacing:.1em;text-transform:uppercase;border:1px solid #f7f4eb59;border-radius:9999px;align-items:center;gap:10px;padding:12px 22px;font-size:12px;text-decoration:none;transition:border-color .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.guide-root .logo-pack-btn:hover,.guide-root .logo-pack-btn:focus-visible{border-color:var(--color-kissd-lime);color:var(--color-kissd-lime)}