.chroma .as,.chroma .ai,.chroma .aw{--cx-disp:var(--font-bricolage), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--cx-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--cx-ease:cubic-bezier(.2, .7, .2, 1);font-family:var(--cx-disp)}.chroma .cx-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.chroma .as{--as-px:var(--px,14px);--as-py:var(--py,14px);gap:calc(var(--as-py) + 16px);width:100%;height:100%;color:var(--fg);outline:none;flex-direction:column;display:flex;position:relative}.chroma .as:focus-visible{outline:2px solid var(--orange);outline-offset:8px;border-radius:18px}.chroma .as-stage{position:relative}.chroma .as-plate{background:var(--accent);transform:translate(var(--as-px), var(--as-py));border-radius:18px;position:absolute;inset:0}.chroma .as-cab{background:#0b0b0b;border-radius:18px;padding:10px;position:relative;box-shadow:0 50px 90px -40px #0000008c,inset 0 0 0 1px #ffffff17}.chroma .as-screen{aspect-ratio:16/9;touch-action:pan-y;background:radial-gradient(120% 90% at 50% 40%,#1c1e29 0%,#0b0b0b 72%);border-radius:9px;position:relative;overflow:hidden}.chroma .as-track{height:100%;transition:transform .6s var(--cx-ease);display:flex}.chroma .as-slide{flex:0 0 100%;height:100%;position:relative}.chroma .as-slide video{object-fit:contain;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.chroma .as-fallback{color:#fafafa52;font:500 12px/1.4 var(--cx-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.chroma .as-scan{pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(#00000021 0 1px,#0000 1px 3px);position:absolute;inset:0;box-shadow:inset 0 0 70px #00000080}.chroma .as-count{color:#fafafa;font:500 11px/1 var(--cx-mono);letter-spacing:.08em;background:#0b0b0bb8;border-radius:6px;padding:6px 8px;position:absolute;top:12px;left:12px}.chroma .as-bar{justify-content:space-between;align-items:flex-start;gap:14px 28px;display:flex}.chroma .as-cap{flex:auto;min-width:0}.chroma .as-cap-in{animation:as-cap .45s var(--cx-ease)}.chroma .as-name{letter-spacing:-.012em;margin:0 0 5px;font-size:clamp(18px,1.5vw,22px);font-weight:700;line-height:1.15}.chroma .as-line{opacity:.86;text-wrap:pretty;max-width:52ch;margin:0;font-size:15px;line-height:1.42}.chroma .as-ctrl{flex:none;align-items:center;gap:4px;display:flex}.chroma .as-btn{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .25s,color .25s,border-color .25s;display:grid}.chroma .as-btn:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.chroma .as-dots{display:flex}.chroma .as-dot{width:22px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.chroma .as-dot span{opacity:.38;width:8px;height:8px;transition:width .35s var(--cx-ease), opacity .25s;background:currentColor;border-radius:999px;display:block}.chroma .as-dot:hover span{opacity:.7}.chroma .as-dot[aria-current=true] span{opacity:1;width:18px}@keyframes as-cap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (min-width:1100px){.chroma .as{aspect-ratio:16/10}.chroma .as-stage{flex:1 1 0;min-height:0}.chroma .as-cab{height:100%}.chroma .as-screen{aspect-ratio:auto;height:100%}.chroma .as-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:1099px){.chroma .ch-media[data-media=arcade]{aspect-ratio:auto}.chroma .ch-media[data-media=arcade] .ch-frame{height:auto}}@media (max-width:759px){.chroma .as{gap:calc(var(--as-py) + 14px)}.chroma .as-cab{border-radius:14px;padding:7px}.chroma .as-plate{border-radius:14px}.chroma .as-screen{border-radius:7px}.chroma .as-bar{flex-direction:column;align-items:stretch}.chroma .as-ctrl{justify-content:space-between}.chroma .as-line{font-size:14.5px}}@media (prefers-reduced-motion:reduce){.chroma .as-track,.chroma .as-dot span,.chroma .as-btn{transition:none}.chroma .as-cap-in{animation:none}}.chroma .ai{width:100%;height:100%;color:var(--fg);flex-direction:column;display:flex;position:relative;container-type:inline-size}.chroma .ai-in{--ai-line:color-mix(in srgb, var(--fg) 14%, transparent);--ai-fill:color-mix(in srgb, var(--fg) 5%, transparent);flex-direction:column;flex:auto;gap:clamp(10px,2cqw,18px);min-height:0;display:flex}.chroma .ai-ask{border:1px solid var(--ai-line);background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:clamp(12px,2cqw,18px);flex:none;align-items:center;gap:12px;padding:clamp(9px,1.5cqw,13px) clamp(9px,1.5cqw,12px) clamp(9px,1.5cqw,13px) clamp(14px,2.2cqw,20px);display:flex}.chroma .ai-q{flex:auto;min-width:0;margin:0;font-size:clamp(13px,2.05cqw,18px);font-weight:500;line-height:1.38}.chroma .ai-send{aspect-ratio:1;background:color-mix(in srgb, var(--fg) 14%, transparent);width:clamp(28px,4.4cqw,36px);color:color-mix(in srgb, var(--fg) 55%, transparent);border-radius:50%;flex:none;place-items:center;transition:background-color .3s,color .3s;display:grid}.chroma .ai.is-sent .ai-send{background:var(--accent);color:var(--paper);animation:ai-send .5s var(--cx-ease)}.chroma .ai-ghost{color:#0000}.chroma .ai-caret{vertical-align:-.16em;background:var(--accent);width:.5em;height:1.05em;margin-right:-.5em;animation:1s step-end infinite ai-blink;display:inline-block}.chroma .ai-tabs{flex:none;gap:6px;display:none}.chroma .ai-tabs button{border:1px solid var(--ai-line);height:40px;color:inherit;font:600 14px/1 var(--cx-disp);cursor:pointer;background:0 0;border-radius:999px;padding:0 15px;transition:background-color .25s,color .25s,border-color .25s}.chroma .ai-tabs button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.chroma .ai-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.4cqw,14px);margin:0;padding:0;list-style:none;display:grid}.chroma .ai-card{border:1px solid var(--ai-line);background:var(--ai-fill);border-radius:clamp(10px,1.5cqw,14px);flex-direction:column;min-width:0;padding:clamp(10px,1.7cqw,16px);transition:border-color .5s;display:flex}.chroma .ai.is-landed .ai-card{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transition-delay:calc(var(--i) * .14s)}.chroma .ai-app{align-items:center;gap:8px;margin:0 0 clamp(6px,1cqw,10px);font-size:clamp(12px,1.75cqw,15px);font-weight:700;line-height:1.2;display:flex}.chroma .ai-live{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ai-pulse}.chroma .ai-slot{transition:grid-template-rows .55s var(--cx-ease) calc(var(--i) * .14s);grid-template-rows:0fr;display:grid}.chroma .ai-slot>div{min-height:0;overflow:hidden}.chroma .ai.is-landed .ai-slot{grid-template-rows:1fr}.chroma .ai-pick{background:var(--accent);color:var(--paper);opacity:0;transition:opacity .4s ease-out calc(var(--i) * .14s + .12s), transform .55s var(--cx-ease) calc(var(--i) * .14s + .12s);border-radius:8px;align-items:center;gap:7px;margin:0 0 clamp(8px,1.2cqw,12px);padding:clamp(6px,1cqw,8px) clamp(7px,1.1cqw,10px);font-size:clamp(11.5px,1.6cqw,14px);font-weight:700;line-height:1.1;display:flex;transform:translateY(14px)}.chroma .ai.is-landed .ai-pick{opacity:1;transform:none}.chroma .ai-pick b{background:color-mix(in srgb, var(--paper) 24%, transparent);font:500 clamp(9.5px, 1.25cqw, 11px)/1 var(--cx-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;flex:none;padding:3px 5px}.chroma .ai-pick span{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.chroma .ai-pick i{font:500 clamp(9px, 1.15cqw, 10.5px)/1 var(--cx-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.82;flex:none;font-style:normal}.chroma .ai-text{color:color-mix(in srgb, var(--fg) 84%, transparent);overflow-wrap:anywhere;margin:0;font-size:clamp(11px,1.65cqw,14.5px);line-height:1.5;transition:opacity .6s}.chroma .ai.is-landed .ai-text{opacity:.55}.chroma .ai-bar{width:calc(var(--n) * .52em);vertical-align:-.12em;background:color-mix(in srgb, var(--fg) 30%, transparent);opacity:0;border-radius:.22em;max-width:100%;height:.92em;transition:opacity .18s;display:inline-block}.chroma .ai-bar.is-on{opacity:1}.chroma .ai-foot{opacity:0;transition:opacity .5s ease-out, transform .6s var(--cx-ease);flex-direction:column;flex:none;gap:6px;display:flex;transform:translateY(10px)}.chroma .ai.is-point .ai-foot{opacity:1;transform:none}.chroma .ai-point{letter-spacing:-.02em;text-wrap:balance;align-items:baseline;gap:.45em;margin:0;font-size:clamp(15px,2.6cqw,24px);font-weight:750;line-height:1.15;display:flex}.chroma .ai-point:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:.42em;height:.42em}.chroma .ai-note{font:500 clamp(9.5px, 1.2cqw, 11px)/1.45 var(--cx-mono);letter-spacing:.03em;opacity:.7;margin:0}@keyframes ai-blink{50%{opacity:0}}@keyframes ai-pulse{50%{opacity:.25}}@keyframes ai-send{40%{transform:scale(1.18)}}@container (max-width:599px){.chroma .ai-tabs{display:flex}.chroma .ai-cards{grid-template-columns:minmax(0,1fr)}.chroma .ai-card{grid-area:1/1}.chroma .ai-card:not(.is-tab){visibility:hidden}.chroma .ai-q,.chroma .ai-app{font-size:15px}.chroma .ai-pick,.chroma .ai-text{font-size:14px}.chroma .ai-point{font-size:19px}.chroma .ai-note{font-size:11px}}@media (min-width:1100px){.chroma .ai{aspect-ratio:16/10}.chroma .ai-cards{flex:1 1 0;min-height:0}.chroma .ai-card{overflow:hidden}.chroma .ai-text{flex:1 1 0;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 2.2em),#0000);mask-image:linear-gradient(#000 calc(100% - 2.2em),#0000)}}@media (prefers-reduced-motion:reduce){.chroma .ai-send,.chroma .ai-card,.chroma .ai-slot,.chroma .ai-pick,.chroma .ai-text,.chroma .ai-bar,.chroma .ai-foot,.chroma .ai-tabs button{transition:none}.chroma .ai-caret,.chroma .ai-live,.chroma .ai.is-sent .ai-send{animation:none}}.chroma .aw{background:var(--paper);color:var(--ink);padding:clamp(96px,16vh,180px) 0 clamp(72px,10vh,120px);position:relative}.chroma .aw-wrap{width:100%;max-width:1440px;padding:0 var(--gut,clamp(16px, 4.45vw, 64px));margin:0 auto}.chroma .aw-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:40px;display:flex}.chroma .aw-title{letter-spacing:-.04em;align-items:flex-start;gap:.22em;margin:0;font-size:clamp(36px,4.2vw,64px);font-weight:800;line-height:.95;display:flex}.chroma .aw-count{font:500 13px/1 var(--cx-mono);letter-spacing:.06em;margin-top:.3em}.chroma .aw-filters{flex-wrap:wrap;gap:8px;display:flex}.chroma .aw-filters button{height:44px;color:var(--ink);font:500 15px/1 var(--cx-disp);cursor:pointer;background:0 0;border:1px solid #e4e4e7;border-radius:999px;align-items:center;gap:10px;padding:0 18px;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.chroma .aw-filters button:hover{border-color:#a1a1aa}.chroma .aw-filters button span{font:500 11px/1 var(--cx-mono);color:#71717a;transition:color .25s}.chroma .aw-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chroma .aw-filters button[aria-pressed=true] span{color:#a1a1aa}.chroma .aw-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.chroma .aw-cell{min-width:0}.chroma .aw-cell[hidden]{display:none}.chroma .aw-card{background:var(--c);height:100%;transition:transform .35s var(--cx-ease), box-shadow .35s var(--cx-ease);border-radius:14px;flex-direction:column;padding:9px 9px 14px;text-decoration:none;display:flex}.chroma .aw-card.is-link:hover{transform:translateY(-4px);box-shadow:0 24px 40px -24px #00000073}.chroma .aw-card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.chroma .aw-ci{aspect-ratio:16/10;background:#00000038;border-radius:8px;display:block;position:relative;overflow:hidden}.chroma .aw-ci img{object-fit:cover;object-position:50% 0;transition:transform .6s var(--cx-ease)}.chroma .aw-card.is-link:hover .aw-ci img{transform:scale(1.04)}.chroma .aw-tile{background:var(--a);color:var(--c);letter-spacing:-.04em;place-items:center;font-size:clamp(40px,5vw,64px);font-weight:800;display:grid;position:absolute;inset:0}.chroma .aw-cn{letter-spacing:-.01em;margin:14px 5px 6px;font-size:17px;font-weight:700;line-height:1.18}.chroma .aw-cm{font:500 10.5px/1.45 var(--cx-mono);letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 5px}.chroma .aw-cx{font:500 10.5px/1 var(--cx-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;margin:auto 5px 0;padding-top:14px;display:flex}.chroma .aw-cx svg{opacity:0;transition:opacity .3s, transform .35s var(--cx-ease);transform:translate(-3px,3px)}.chroma .aw-card.is-link:hover .aw-cx svg,.chroma .aw-card.is-link:focus-visible .aw-cx svg{opacity:1;transform:none}@media (max-width:1279px){.chroma .aw-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1099px){.chroma .aw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:759px){.chroma .aw{padding-top:clamp(72px,12vh,120px)}.chroma .aw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chroma .aw-card{border-radius:12px;padding:7px 7px 12px}.chroma .aw-ci{border-radius:7px}.chroma .aw-cn{margin:11px 4px 5px;font-size:15px}.chroma .aw-cm,.chroma .aw-cx{margin-left:4px;margin-right:4px;font-size:9.5px}.chroma .aw-cx{padding-top:10px}.chroma .aw-filters button{padding:0 14px;font-size:14px}}@media (hover:none){.chroma .aw-cx svg{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.chroma .aw-card,.chroma .aw-ci img,.chroma .aw-cx svg,.chroma .aw-filters button{transition:none}}