@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-vietnamese-500-normal.BmEvtly_.woff2) format("woff2"),url(/_astro/space-grotesk-vietnamese-500-normal.BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-ext-500-normal.DUe3BAxM.woff2) format("woff2"),url(/_astro/space-grotesk-latin-ext-500-normal.3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-500-normal.lFbtlQH6.woff2) format("woff2"),url(/_astro/space-grotesk-latin-500-normal.CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-vietnamese-700-normal.DMty7AZE.woff2) format("woff2"),url(/_astro/space-grotesk-vietnamese-700-normal.Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-ext-700-normal.BQnZhY3m.woff2) format("woff2"),url(/_astro/space-grotesk-latin-ext-700-normal.HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-700-normal.RjhwGPKo.woff2) format("woff2"),url(/_astro/space-grotesk-latin-700-normal.CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--font-display: "Space Grotesk", var(--font-sans);--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");--ink: #16202b;--ink-soft: #5b6b7b;--paper: #ffffff;--paper-soft: #f4f6f8;--line: #e3e8ed;--brand: #2a6f8e;--radius: 10px;--sp-1: #2a6f8e;--sp-2: #4cbfa6;--sp-3: #e8b04b;--sp-4: #e4572e;--sp-5: #7161ef;--spectrum: linear-gradient(90deg, var(--sp-1), var(--sp-2), var(--sp-3), var(--sp-4), var(--sp-5))}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.55;background-image:var(--noise),radial-gradient(720px 540px at -6% -4%,color-mix(in srgb,var(--sp-2) 13%,white),transparent 68%),radial-gradient(680px 520px at 106% 12%,color-mix(in srgb,var(--sp-5) 11%,white),transparent 68%),radial-gradient(760px 560px at 108% 104%,color-mix(in srgb,var(--sp-3) 12%,white),transparent 70%),radial-gradient(640px 500px at -8% 96%,color-mix(in srgb,var(--sp-4) 9%,white),transparent 70%);background-attachment:fixed}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}header.site{position:relative;padding:16px 0;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}header.site:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--spectrum)}header.site .wrap{display:flex;align-items:center;gap:26px}header.site .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.01em;color:var(--ink)}header.site .logo:hover{text-decoration:none}.logo-mark{display:inline-flex;gap:3px}.logo-mark i{width:9px;height:18px;border-radius:3px;display:inline-block;transition:transform .18s ease}.logo-mark i:nth-child(1){background:var(--sp-1)}.logo-mark i:nth-child(2){background:var(--sp-2);height:14px;align-self:flex-end}.logo-mark i:nth-child(3){background:var(--sp-3)}.logo-mark i:nth-child(4){background:var(--sp-4);height:14px;align-self:flex-end}.logo-mark i:nth-child(5){background:var(--sp-5)}header.site .logo:hover .logo-mark i{transform:translateY(-2px)}header.site .logo:hover .logo-mark i:nth-child(2n){transform:translateY(2px)}header.site nav{display:flex;gap:4px;font-size:14px;margin-left:auto}header.site nav a{color:var(--ink-soft);padding:6px 12px;border-radius:999px;white-space:nowrap;transition:background .15s ease,color .15s ease}header.site nav a:hover{background:var(--paper-soft);color:var(--ink);text-decoration:none}@media (max-width: 700px){header.site{padding:12px 0 8px}header.site .wrap{flex-wrap:wrap;gap:6px 26px}header.site nav{margin-left:-12px;width:calc(100% + 24px);font-size:13px;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}header.site nav::-webkit-scrollbar{display:none}}footer.site{position:relative;margin-top:72px;padding:34px 0 30px;background:#131a22;color:#92a2b2;font-size:13.5px}footer.site:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--spectrum)}footer.site .wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer.site a{color:#cfdae4}footer.site a:hover{color:#fff}footer.site .foot-brand{font-weight:700;color:#e8eef4}footer.site .foot-tag{color:#6d7f90}footer.site .foot-links{margin-left:auto;display:flex;gap:18px}h1,h2,h3{font-family:var(--font-display)}header.site .logo,footer.site .foot-brand{font-family:var(--font-display)}h1{font-size:31px;line-height:1.2;margin:28px 0 8px;letter-spacing:-.015em}.sub{color:var(--ink-soft);margin:0 0 24px;max-width:640px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.scheme-card{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;color:inherit}.scheme-card:hover{box-shadow:0 10px 28px #14233221;transform:translateY(-2px);border-color:#cdd7e0;text-decoration:none}.scheme-card .strip{display:flex;height:72px}.scheme-card .strip span{flex:1;transition:flex .25s ease}.scheme-card:hover .strip span:hover{flex:2.2}.scheme-card .meta{padding:10px 12px;font-size:14px}.scheme-card .meta .name{font-weight:600;color:var(--ink)}.scheme-card .meta .tags{color:var(--ink-soft);font-size:12px;margin-top:2px}[data-copy-hex]{cursor:copy;position:relative}[data-copy-hex]:after{content:attr(data-copy-hex);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);background:#0e141be0;color:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;padding:3px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .13s ease,transform .13s ease;z-index:3}[data-copy-hex]:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1)}[data-copy-hex].copied:after{content:"Copied ✓";background:#16a34a;opacity:1;transform:translate(-50%,-50%) scale(1);font-family:var(--font-sans);font-weight:600}.tag-pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin:0 6px 8px 0;font-size:13px;color:var(--ink);background:var(--paper-soft);--tint: transparent;border-color:color-mix(in srgb,var(--tint) 32%,var(--line));background:color-mix(in srgb,var(--tint) 10%,var(--paper-soft));transition:background .15s ease,border-color .15s ease}.tag-pill:hover{border-color:color-mix(in srgb,var(--tint) 60%,var(--brand));background:color-mix(in srgb,var(--tint) 18%,var(--paper));text-decoration:none}.tag-pill[href="/schemes/red/"]{--tint: #d43d51}.tag-pill[href="/schemes/orange/"]{--tint: #f0762b}.tag-pill[href="/schemes/coral/"]{--tint: #e8705f}.tag-pill[href="/schemes/amber/"]{--tint: #e8a13c}.tag-pill[href="/schemes/gold/"]{--tint: #d4af37}.tag-pill[href="/schemes/yellow/"]{--tint: #e3c229}.tag-pill[href="/schemes/mint/"]{--tint: #4cbfa6}.tag-pill[href="/schemes/green/"]{--tint: #3f9e58}.tag-pill[href="/schemes/teal/"]{--tint: #17a2a8}.tag-pill[href="/schemes/blue/"]{--tint: #3576d6}.tag-pill[href="/schemes/navy/"]{--tint: #24425c}.tag-pill[href="/schemes/purple/"]{--tint: #7c4fd0}.tag-pill[href="/schemes/pink/"]{--tint: #e0559c}.tag-pill[href="/schemes/burgundy/"]{--tint: #8c2f39}.tag-pill[href="/schemes/brown/"]{--tint: #8a5a44}.tag-pill[href="/schemes/cream/"]{--tint: #d8c49a}.tag-pill[href="/schemes/gray/"]{--tint: #7c8894}.tag-pill[href="/schemes/black/"]{--tint: #30363d}