:root{--bg: #08080a;--bg-soft: #0e0e12;--panel: #131318;--panel-hi: #1c1c23;--line: #24242c;--text: #ebe8e4;--text-dim: #9d9a95;--text-faint: #6c6a67;--violet: #c8a2ff;--pink: #ff8fb0;--amber: #ffa860;--grad: linear-gradient(120deg, var(--violet), var(--pink) 55%, var(--amber));--radius: 14px;--header-h: 56px;--pad: 16px;--touch: 48px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-20% 0 auto 0;height:65vh;background:radial-gradient(70% 50% at 50% 0%,rgba(200,162,255,.14),transparent 72%);pointer-events:none;z-index:0}.app{position:relative;z-index:1}.mark-gradient{position:absolute}::selection{background:#c8a2ff47}a{color:inherit}code{font-family:var(--mono);font-size:.9em;color:var(--violet)}p{margin:0 0 14px}.kbd{display:inline-block;min-width:1.6em;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--panel-hi);color:var(--text-dim);font-family:var(--mono);font-size:11px;line-height:1.5;text-align:center;white-space:nowrap}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.header{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;gap:10px;height:var(--header-h);padding:0 var(--pad);background:#08080ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header__mark{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 4px;margin-right:auto;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;cursor:pointer}.header__mark:hover{background:var(--panel-hi)}.header__wordmark{font-family:var(--mono);font-size:14px;letter-spacing:.02em}.header__nav{display:none}.header__link{padding:6px 10px;border-radius:8px;color:var(--text-dim);font-size:14px;text-decoration:none;white-space:nowrap}.header__link:hover{color:var(--text);background:var(--panel-hi)}.header__link[aria-current=page]{color:var(--text)}.header__search{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text-faint);font:inherit;font-size:13px;cursor:pointer}.header__search:hover{border-color:#33333d;color:var(--text-dim)}.header__searchLabel{display:none}.kbd--slash{font-size:10px}main{max-width:740px;margin:0 auto;padding:0 var(--pad)}.section{scroll-margin-top:calc(var(--header-h) + 12px);padding:44px 0;border-top:1px solid var(--line);outline:none}.section:first-child{border-top:0}.section__title{margin:0 0 16px;font-size:26px;line-height:1.2;letter-spacing:-.02em}.section--flash{animation:flash 1.6s ease-out;border-radius:var(--radius)}@keyframes flash{0%,22%{background:#c8a2ff1a;box-shadow:inset 0 0 0 1px #c8a2ff59}to{background:transparent;box-shadow:inset 0 0 0 1px transparent}}.hero{padding-top:calc(var(--header-h) + 40px)}.hero__title{margin:0 0 16px;font-size:clamp(32px,9vw,54px);line-height:1.08;letter-spacing:-.035em}.hero__lede{color:var(--text-dim);font-size:17px}.hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:15px;text-decoration:none;cursor:pointer}.btn:hover{background:var(--panel-hi)}.btn--primary{border-color:transparent;background:var(--grad);color:#14101c;font-weight:600}.btn--primary:hover{filter:brightness(1.08);background:var(--grad)}.hero__hint{margin:0;color:var(--text-faint);font-size:13px}.code{margin:0 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);font-size:13px;line-height:1.6;overflow-x:auto}.code code{color:var(--text);white-space:pre-wrap;word-break:break-word}.code__prompt{margin-right:8px;color:var(--pink);-webkit-user-select:none;user-select:none}.steps{margin:0;padding-left:20px;color:var(--text-dim)}.steps li{margin-bottom:12px}.steps strong{color:var(--text)}.facts{display:grid;gap:10px;margin:20px 0 0}.facts div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}.facts dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.facts dd{margin:4px 0 0;font-family:var(--mono);font-size:13px;color:var(--violet)}.keys{width:100%;border-collapse:collapse;font-size:14px}.keys td{padding:10px 0;border-top:1px solid var(--line);vertical-align:top}.keys td:first-child{width:45%;padding-right:12px}.keys td:last-child{color:var(--text-dim)}.themes{display:grid;gap:12px;grid-template-columns:1fr}.theme{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.theme h3{margin:12px 0 4px;font-size:15px}.theme p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.5}.theme__swatches{display:flex;gap:6px}.theme__swatches span{flex:1;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.faq{border-top:1px solid var(--line)}.faq summary{padding:14px 0;min-height:var(--touch);display:flex;align-items:center;font-size:15px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";margin-right:10px;color:var(--violet);font-family:var(--mono)}.faq[open] summary:before{content:"−"}.faq p{margin:0 0 16px;padding-left:24px;color:var(--text-dim);font-size:14px}.ask{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft)}.ask__title{margin:0 0 6px;font-size:16px}.ask__note{color:var(--text-faint);font-size:13px}.ask__label{display:block;margin:12px 0 6px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.ask__input{display:block;width:100%;min-height:var(--touch);padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:16px}.ask__input--area{resize:vertical;line-height:1.5}.ask__input:focus{outline:none;border-color:var(--violet)}.ask .btn{margin-top:14px}.footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px var(--pad) 40px;border-top:1px solid var(--line);color:var(--text-faint);font-size:12px;text-align:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:max(10vh,56px) 12px 16px;background:#040406b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .12s ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.palette{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:min(70vh,calc(100dvh - 88px));border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 24px 60px #0009;overflow:hidden;animation:rise .14s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}.palette__search{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}.palette__input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;outline:none}.palette__input::placeholder{color:var(--text-faint)}.palette__close{flex:0 0 auto;min-width:40px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-hi);color:var(--text-dim);font-family:var(--mono);font-size:11px;cursor:pointer}.palette__close:hover{color:var(--text)}.palette__results{flex:1 1 auto;margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.row[data-active=true]{background:var(--panel-hi)}.row[data-active=true] .row__title{color:var(--violet)}.row__text{flex:1;min-width:0}.row__title{display:block;font-size:15px;line-height:1.3}.row__sub{display:block;color:var(--text-faint);font-size:12px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row__group{flex:0 0 auto;padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--text-faint);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.palette__empty{margin:0;padding:28px 18px;color:var(--text-faint);font-size:14px;text-align:center;word-break:break-word}.palette__empty strong{color:var(--text-dim);font-weight:500}.palette__footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;flex:0 0 auto;padding:9px 12px;border-top:1px solid var(--line);background:var(--bg-soft);color:var(--text-faint);font-size:11px}.palette__footer .kbd{margin-right:2px}.palette__count{margin-left:auto;font-family:var(--mono)}@media(min-width:560px){:root{--pad: 24px;--header-h: 60px}.header__searchLabel{display:inline}.themes{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:repeat(3,1fr)}.section{padding:64px 0}.section__title{font-size:30px}.scrim{align-items:center;padding:24px}.palette{max-height:min(62vh,560px)}}@media(min-width:860px){.header{padding:0 32px}.header__nav{display:flex;align-items:center;gap:2px;margin-right:12px}.themes{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:8px}.section:focus-visible{outline:none}.row:focus-visible{outline:none}