:root{--page:#f6f6f8;--surface:#fff;--ink:#16171d;--muted:#61646f;--line:#16171d17;--seg:#ebecf0;--seg-on:#fff;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#0f1014;--surface:#17181e;--ink:#eceef3;--muted:#9a9daa;--line:#ffffff14;--seg:#23252d;--seg-on:#353844;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}.ca-top{z-index:5;background:color-mix(in srgb, var(--page) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:12px 24px;display:flex;position:sticky;top:0}.ca-brand{color:var(--muted);font-size:14px}.ca-brand b{color:var(--ink)}.ca-controls{flex-wrap:wrap;gap:8px;display:flex}.ca-seg{background:var(--seg);border-radius:10px;flex-wrap:wrap;max-width:100%;padding:3px;display:inline-flex}.ca-seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 11px;font:500 13px/1 Inter,sans-serif}.ca-seg button[aria-pressed=true]{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 2px #00000014}.ca-main{max-width:1180px;margin:0 auto;padding:20px 24px 80px}.ca-note{color:var(--muted);margin:4px 0 8px;font-size:14px}.ca-main section{margin-top:36px}.ca-main h2{margin:0 0 6px;font-size:15px;font-weight:600}.ca-sub{color:var(--muted);max-width:760px;margin:0 0 14px;font-size:13px}figure{margin:0}figcaption{color:var(--muted);align-items:center;gap:7px;margin-top:8px;font-size:12px;display:flex}.ca-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.ca-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px 16px;margin-top:8px;display:grid}.ca-surface{background:var(--surface);border:1px solid var(--line);border-radius:20px;max-width:820px;padding:20px}.ca-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=720px){.ca-top,.ca-main{padding-left:16px;padding-right:16px}.ca-grid3{grid-template-columns:1fr}}.ca-palette{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 16px;display:grid}.ca-chip{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.ca-chip small{font-variant-numeric:tabular-nums;margin-left:auto}.ca-chip span,.ca-swatch{background:oklch(.5 calc(.15 * var(--k)) var(--hh));border-radius:4px;flex:none;width:14px;height:14px}.ca-card{isolation:isolate;color:#fff;border-radius:18px;flex-direction:column;gap:4px;height:188px;padding:18px;display:flex;position:relative;overflow:hidden}.ca-card>*{z-index:1;position:relative}.ca-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:auto;display:flex}.ca-code{letter-spacing:.06em;text-transform:uppercase;color:#ffffff9e;font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px;font-weight:600}.ca-pastel .ca-code{color:oklch(.45 calc(.05 * var(--k)) var(--hh))}:root[data-theme=dark] .ca-pastel .ca-code{color:#fff9}.ca-today .ca-code{color:var(--muted)}.ca-tile{border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.ca-tile svg,.ca-mark svg{width:1em;height:1em}.ca-card h3{letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 0;font-size:21px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.ca-cap{margin:0;font-size:13px}.ca-link{margin-top:10px;font-size:13px;font-weight:600}.ca-glow{background:radial-gradient(90% 80% at var(--x1) var(--y1), oklch(.47 calc(.15 * var(--k)) var(--hh) / .85), transparent 62%), radial-gradient(70% 60% at var(--x2) var(--y2), oklch(.38 calc(.12 * var(--k)) calc(var(--hh) + 22) / .7), transparent 66%), linear-gradient(var(--ang), oklch(.27 calc(.09 * var(--k)) var(--hh)), oklch(.17 calc(.055 * var(--k)) var(--hh)));box-shadow:inset 0 1px 0 #ffffff14, 0 10px 26px -14px oklch(.25 calc(.1 * var(--k)) var(--hh) / .7)}.ca-glow:after,.ca-contour:after{content:"";z-index:0;pointer-events:none;background-image:var(--grain);opacity:.09;mix-blend-mode:overlay;background-size:160px;position:absolute;inset:0}.ca-glow .ca-tile,.ca-contour .ca-tile{background:oklch(.62 calc(.1 * var(--k)) calc(var(--hh) - 150) / .55);color:oklch(.96 .03 calc(var(--hh) - 150));box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #ffffff1f}.ca-glow[data-plate=tone] .ca-tile,.ca-contour[data-plate=tone] .ca-tile{background:oklch(.74 calc(.11 * var(--k)) var(--hh) / .3);color:oklch(.97 calc(.03 * var(--k)) var(--hh))}.ca-glow[data-plate=tone] .ca-link,.ca-contour[data-plate=tone] .ca-link{color:oklch(.86 calc(.08 * var(--k)) var(--hh))}.ca-glow .ca-cap,.ca-contour .ca-cap{color:#ffffffb8}.ca-glow .ca-link,.ca-contour .ca-link{color:oklch(.84 calc(.09 * var(--k)) calc(var(--hh) - 150))}.ca-contour{background:radial-gradient(80% 70% at var(--x1) var(--y1), oklch(.42 calc(.12 * var(--k)) var(--hh) / .7), transparent 65%), linear-gradient(var(--ang), oklch(.26 calc(.08 * var(--k)) var(--hh)), oklch(.18 calc(.05 * var(--k)) var(--hh)));box-shadow:inset 0 1px #ffffff14}.ca-rings{fill:none;width:100%;height:100%;stroke:oklch(.85 calc(.06 * var(--k)) var(--hh));stroke-width:1px;opacity:.16;inset:0;z-index:0!important;position:absolute!important}.ca-mark{color:oklch(.9 calc(.05 * var(--k)) var(--hh));opacity:.1;transform:rotate(var(--rot));font-size:132px;line-height:0;bottom:-22px;right:-18px;z-index:0!important;position:absolute!important}.ca-pastel{color:oklch(.24 calc(.04 * var(--k)) var(--hh));background:radial-gradient(90% 80% at var(--x1) var(--y1), oklch(.9 calc(.07 * var(--k)) var(--hh) / .9), transparent 65%), linear-gradient(var(--ang), oklch(.975 calc(.018 * var(--k)) var(--hh)), oklch(.93 calc(.045 * var(--k)) var(--hh)));box-shadow:inset 0 0 0 1px oklch(.6 calc(.08 * var(--k)) var(--hh) / .14)}.ca-pastel .ca-tile{background:oklch(.56 calc(.15 * var(--k)) var(--hh));color:#fff;box-shadow:inset 0 1px 0 #ffffff4d, 0 4px 10px -4px oklch(.45 calc(.15 * var(--k)) var(--hh) / .6)}.ca-pastel .ca-cap{color:oklch(.45 calc(.04 * var(--k)) var(--hh))}.ca-pastel .ca-link{color:oklch(.48 calc(.15 * var(--k)) var(--hh))}:root[data-theme=dark] .ca-pastel{color:#fff;background:radial-gradient(90% 80% at var(--x1) var(--y1), oklch(.36 calc(.08 * var(--k)) var(--hh) / .8), transparent 65%), linear-gradient(var(--ang), oklch(.25 calc(.045 * var(--k)) var(--hh)), oklch(.2 calc(.03 * var(--k)) var(--hh)));box-shadow:inset 0 0 0 1px oklch(.7 calc(.06 * var(--k)) var(--hh) / .14)}:root[data-theme=dark] .ca-pastel .ca-cap{color:#ffffffad}:root[data-theme=dark] .ca-pastel .ca-link{color:oklch(.82 calc(.1 * var(--k)) var(--hh))}.ca-today{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.ca-today .ca-tile{color:#0e7490;background:#e6f4f8;border-radius:9px;width:32px;height:32px;font-size:17px}:root[data-theme=dark] .ca-today .ca-tile{color:#67d4ea;background:#12323b}.ca-today h3{margin-top:14px;font-size:16px}.ca-today .ca-cap{color:var(--muted)}.ca-today .ca-link{display:none}.ca-ambient{background:linear-gradient(var(--ang), oklch(.21 calc(.08 * var(--k)) var(--hh)), oklch(.13 calc(.05 * var(--k)) var(--hh)));box-shadow:inset 0 1px 0 #ffffff0f, 0 12px 28px -16px oklch(.2 calc(.08 * var(--k)) var(--hh) / .8)}.ca-silk{width:100%;height:100%;inset:0;z-index:0!important;position:absolute!important}.ca-fold-a{fill:oklch(.36 calc(.13 * var(--k)) calc(var(--hh) + 6));opacity:.8}.ca-fold-b{fill:oklch(.44 calc(.15 * var(--k)) calc(var(--hh) + 14));opacity:.42}.ca-fold-shade{fill:oklch(.08 calc(.03 * var(--k)) var(--hh));opacity:.6}.ca-ambient:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(125% 100% at 32% 38%, transparent 40%, oklch(.08 calc(.03 * var(--k)) var(--hh) / .75) 100%);position:absolute;inset:0}.ca-ambient:after{content:"";z-index:0;pointer-events:none;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;background-size:160px;position:absolute;inset:0}.ca-ambient .ca-tile{background:oklch(.74 calc(.11 * var(--k)) var(--hh) / .3);color:oklch(.97 calc(.03 * var(--k)) var(--hh))}.ca-ambient .ca-cap{color:#ffffffb3}.ca-ambient .ca-link{color:oklch(.86 calc(.08 * var(--k)) var(--hh))}.ca-ambient[data-plate=contrast] .ca-tile{background:oklch(.52 calc(.09 * var(--k)) calc(var(--hh) - 150));color:oklch(.94 .04 calc(var(--hh) - 150))}.ca-ambient[data-plate=contrast] .ca-link{color:oklch(.84 calc(.09 * var(--k)) calc(var(--hh) - 150))}:is(.ca-ambient,.ca-glow,.ca-contour)[data-plate=brand] .ca-tile{color:oklch(93% .04 215);background:oklch(50% .085 225);box-shadow:inset 0 1px #ffffff38,0 4px 12px -6px #00000080}:is(.ca-ambient,.ca-glow,.ca-contour)[data-plate=brand] .ca-link{color:oklch(85% .07 225)}.ca-siden{background:radial-gradient(85% 75% at 18% 22%, oklch(.29 calc(.1 * var(--k)) var(--hh) / .9), transparent 70%), linear-gradient(150deg, oklch(.22 calc(.085 * var(--k)) var(--hh)), oklch(.13 calc(.05 * var(--k)) var(--hh)));box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff0f,0 12px 26px -16px #0009}.ca-s2-hi{fill:oklch(.47 calc(.16 * var(--k)) calc(var(--hh) + 8));opacity:.55}.ca-s2-lo{fill:oklch(.36 calc(.13 * var(--k)) calc(var(--hh) + 4));opacity:.6}.ca-s2-dk{fill:oklch(.09 calc(.03 * var(--k)) var(--hh));opacity:.6}.ca-siden:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 100% 100%, oklch(.07 calc(.03 * var(--k)) var(--hh) / .85), transparent 75%), radial-gradient(130% 110% at 30% 35%, transparent 50%, oklch(.08 calc(.03 * var(--k)) var(--hh) / .55) 100%);position:absolute;inset:0}.ca-siden:after,.ca-rays:after{content:"";z-index:0;pointer-events:none;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;background-size:160px;position:absolute;inset:0}.ca-rays{background:radial-gradient(90% 80% at 25% 30%, oklch(.27 calc(.09 * var(--k)) var(--hh)), transparent 72%), linear-gradient(160deg, oklch(.2 calc(.08 * var(--k)) var(--hh)), oklch(.12 calc(.045 * var(--k)) var(--hh)));box-shadow:inset 0 0 0 1px #ffffff12,0 12px 26px -16px #0009}.ca-rays-layer{pointer-events:none;background:repeating-linear-gradient(-58deg, transparent 0 22px, oklch(.5 calc(.16 * var(--k)) calc(var(--hh) + 10) / .58) 30px, transparent 40px, transparent 58px, oklch(.4 calc(.13 * var(--k)) calc(var(--hh) + 4) / .42) 64px, transparent 74px);background-position:var(--ray) 0;filter:blur(7px);inset:-25%;-webkit-mask-image:radial-gradient(55% 45% at 42% 55%,#000 0%,#0000 100%);mask-image:radial-gradient(55% 45% at 42% 55%,#000 0%,#0000 100%);z-index:0!important;position:absolute!important}.ca-rays:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(65% 55% at 100% 100%, oklch(.07 calc(.03 * var(--k)) var(--hh) / .8), transparent 75%);position:absolute;inset:0}:is(.ca-siden,.ca-rays) .ca-tile{background:oklch(.74 calc(.11 * var(--k)) var(--hh) / .3);color:oklch(.97 calc(.03 * var(--k)) var(--hh))}:is(.ca-siden,.ca-rays) .ca-cap{color:#ffffffad}:is(.ca-siden,.ca-rays) .ca-link{color:oklch(.86 calc(.08 * var(--k)) var(--hh))}:is(.ca-siden,.ca-rays)[data-plate=brand] .ca-tile{color:oklch(93% .04 215);background:linear-gradient(oklch(55% .085 225),oklch(47% .08 228));box-shadow:inset 0 1px #ffffff38,0 4px 12px -6px #00000080}:is(.ca-siden,.ca-rays)[data-plate=brand] .ca-link{color:oklch(85% .07 225)}:is(.ca-siden,.ca-rays)[data-plate=contrast] .ca-tile{background:oklch(.52 calc(.09 * var(--k)) calc(var(--hh) - 150));color:oklch(.94 .04 calc(var(--hh) - 150))}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour):is([data-plate=glass],[data-plate=ghost],[data-plate=outline],[data-plate=inset],[data-plate=deep],[data-plate=halo]) .ca-link{color:oklch(.86 calc(.08 * var(--k)) var(--hh))}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour)[data-plate=glass] .ca-tile{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffe6;background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff21,inset 0 1px #ffffff29}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour)[data-plate=ghost] .ca-tile{width:auto;height:30px;box-shadow:none;color:#ffffffd1;background:0 0;justify-content:start;font-size:24px}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour)[data-plate=outline] .ca-tile{box-shadow:inset 0 0 0 1px oklch(.85 calc(.07 * var(--k)) var(--hh) / .32);color:oklch(.9 calc(.06 * var(--k)) var(--hh));background:0 0}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour)[data-plate=inset] .ca-tile{background:oklch(.1 calc(.03 * var(--k)) var(--hh) / .4);color:oklch(.86 calc(.08 * var(--k)) var(--hh));box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff12}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour)[data-plate=deep] .ca-tile{background:linear-gradient(180deg, oklch(.38 calc(.11 * var(--k)) var(--hh)), oklch(.31 calc(.1 * var(--k)) var(--hh)));box-shadow:inset 0 1px 0 oklch(.65 calc(.1 * var(--k)) var(--hh) / .35), 0 3px 8px -4px #0000008c;color:oklch(.92 calc(.06 * var(--k)) var(--hh))}:is(.ca-siden,.ca-rays,.ca-ambient,.ca-glow,.ca-contour)[data-plate=halo] .ca-tile{width:auto;height:30px;box-shadow:none;color:oklch(.93 calc(.06 * var(--k)) var(--hh));filter:drop-shadow(0 0 6px oklch(.68 calc(.17 * var(--k)) var(--hh) / .85));background:0 0;justify-content:start;font-size:24px}.ca-plates figure{cursor:pointer}.ca-plates{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}