.page-experiments{--bg:#0b0102;--bg-deep:#1a0306;--fg:#f3e6d0;--fg-soft:#e7b29d;--accent:#f3e6d0;--accent-ink:#1a0306;--panel:#0b0102db;--panel-line:#f3e6d038;--outline:#f3e6d0;--focus:#f3e6d0;--color-h:24;--color-c:.19;--type-shadow:.04em .05em 0 #5c0309;background:#0b0102}@supports (color:color(display-p3 0 0 0)){.page-experiments{--fg-soft:color(display-p3 .874479 .704959 .626877)}}@supports (color:lab(0% 0 0)){.page-experiments{--fg-soft:lab(77.0618% 18.0313 18.7546)}}.page-experiments main{pointer-events:auto}:root:has(.page-experiments){--sb-track:#1a0306;--sb-thumb:#b3121a}.corridor{z-index:0;pointer-events:none;background:#0b0102;position:fixed;top:0;bottom:0;left:0;right:0}.corridor__canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;right:0}.is-corridor .corridor__canvas{opacity:1}.corridor__fallback{background:radial-gradient(40% 35% at 50% 52%,#000 30%,#0000 75%),linear-gradient(#0000 62%,#00000059 62%),repeating-linear-gradient(90deg,#3d0306 0 1.2rem,#b3121a 2.4rem,#e0303a 2.9rem,#7a0910 3.8rem,#3d0306 4.6rem);position:absolute;top:0;bottom:0;left:0;right:0}.is-corridor .corridor__fallback{opacity:0}.corridor__fallback:after{content:"";transform-origin:top;background:repeating-linear-gradient(135deg,#f2ede4 0 1.6rem,#0d0d0d 1.6rem 3.2rem);position:absolute;top:62%;bottom:0;left:-20%;right:-20%;transform:perspective(30rem)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.xp-title{letter-spacing:-.04em;text-transform:uppercase;color:#0000;-webkit-text-stroke:max(1.5px, .028em) #f3e6d0;text-shadow:.05em .06em #5c0309,.1em .12em .35em #0009;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(2.6rem,10.4vw,11rem);font-weight:900;line-height:.82}@supports not (-webkit-text-stroke:1px black){.xp-title{color:#f3e6d0}}.xp-title{-webkit-text-stroke-color:#39ff14;color:#3d2314;text-shadow:var(--long-shadow)}.xp-title--sm{font-size:clamp(2.6rem,8vw,7rem);line-height:.88}.xp-intro{text-align:center;justify-items:center;gap:1.5rem;width:min(100% - 2*clamp(1rem,3vw,2.5rem),1320px);margin:0 auto;padding:clamp(8rem,22vh,14rem) 0 clamp(3rem,8vw,6rem);display:grid;container-type:inline-size}.xp-intro .xp-title{font-size:min(clamp(2.6rem,10.4vw,11rem),11.6279cqi)}.xp-intro__text{background:var(--panel);max-width:38rem;padding:1rem 1.3rem .8rem;font-size:1.1rem}.xp-empty{text-align:center;width:min(100% - 2*clamp(1rem,3vw,2.5rem),1320px);margin:0 auto 8rem}.xp-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);width:min(100% - 2*clamp(1rem,3vw,2.5rem),1320px);margin:0 auto clamp(3rem,3vw,5rem);padding:0 0 clamp(6rem,18vh,12rem);list-style:none;display:grid}.xp-tile{height:100%;color:inherit;background:var(--panel);border:1px solid var(--panel-line);outline-offset:4px;text-decoration:none;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .3s;display:grid}@media (min-width:48rem){.xp-tile{grid-template-columns:minmax(0,1.7fr) minmax(16rem,1fr)}}.xp-tile__media{aspect-ratio:16/10;border-bottom:1px solid var(--panel-line);overflow:hidden}@media (min-width:48rem){.xp-tile__media{border-bottom:0;border-right:1px solid var(--panel-line)}}.xp-tile__img{object-fit:cover;filter:saturate(.85);width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s}.xp-tile__body{align-content:start;gap:.6rem;padding:1.4rem 1.4rem 1.6rem;display:grid;position:relative}@media (min-width:48rem){.xp-tile__body{align-content:center;gap:.9rem;padding:2.4rem clamp(1.6rem,3vw,3rem)}}.xp-tile__no{position:absolute;top:-2.2rem;right:1rem}@media (min-width:48rem){.xp-tile__no{font-size:4.4rem;top:1.2rem}}.xp-tile__no{color:#0000;-webkit-text-stroke:max(1.5px, .03em) #f3e6d0;text-shadow:.05em .06em #5c0309,.1em .12em .35em #0009;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:3.6rem;font-weight:900;line-height:1}@supports not (-webkit-text-stroke:1px black){.xp-tile__no{color:#f3e6d0}}.xp-tile__title{color:#0000;-webkit-text-stroke:max(1.5px, .025em) #f3e6d0;text-shadow:.05em .06em #5c0309,.1em .12em .35em #0009;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:1}@supports not (-webkit-text-stroke:1px black){.xp-tile__title{color:#f3e6d0}}.xp-tile__lead{color:var(--fg-soft);font-size:1rem;line-height:1.5}.xp-tile__tags{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);font-size:.82rem}.xp-tile:hover{border-color:#f3e6d0}.xp-tile:focus-visible{border-color:#f3e6d0}@media (prefers-reduced-motion:no-preference){.xp-tile:hover{transform:translateY(-.4rem)}.xp-tile:focus-visible{transform:translateY(-.4rem)}}.xp-tile:hover .xp-tile__img{filter:saturate(1.1);transform:scale(1.04)}.xp-tile:focus-visible .xp-tile__img{filter:saturate(1.1);transform:scale(1.04)}.xp-grid__item{transform-origin:50% 0}.is-elastic .xp-grid__item{will-change:transform}.xp{gap:clamp(1.5rem,3vw,2.5rem);width:min(100% - 2*clamp(1rem,3vw,2.5rem),1320px);margin:0 auto;padding:clamp(8rem,20vh,12rem) 0 clamp(5rem,12vh,8rem);display:grid}.xp__head{justify-items:start;gap:1rem;display:grid}.xp__back{background:var(--panel);padding:.45rem .9rem .3rem;font-weight:700;text-decoration:none}.xp__back:hover{text-decoration:underline}.xp__lead{background:var(--panel);max-width:44rem;padding:.9rem 1.2rem .7rem;font-size:1.1rem}.xp__about{background:var(--panel);border:1px solid var(--panel-line);gap:1rem;max-width:50rem;padding:1.6rem 1.8rem 1.4rem;display:grid}.xp__about-title{color:#0000;-webkit-text-stroke:max(1.5px, .03em) #f3e6d0;text-shadow:.05em .06em #5c0309,.1em .12em .35em #0009;font-size:1.6rem}@supports not (-webkit-text-stroke:1px black){.xp__about-title{color:#f3e6d0}}.xp__meta{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);font-size:.85rem}.xp__stage{gap:.6rem;display:grid}.xp__tools{justify-content:flex-end;display:flex}.xp__fs{border:1px solid var(--panel-line);font:inherit;color:var(--fg);background:var(--panel);cursor:pointer;align-items:center;gap:.55rem;padding:.45rem .9rem .35rem;font-weight:700;display:inline-flex}.xp__fs:hover{border-color:#f3e6d0}.xp__fs:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.xp__fs-icon{flex:none}.xp__logo{display:none}.xp__stage.is-fs{z-index:1000;overscroll-behavior:contain;background:#000;flex-direction:column;gap:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.xp__stage.is-fs .xp__tools{padding:.4rem max(.5rem, env(safe-area-inset-right)) .4rem max(.5rem, env(safe-area-inset-left));flex:none;justify-content:space-between}.xp__stage.is-fs .xp__logo{color:var(--fg);align-self:stretch;display:flex}.xp__stage.is-fs .xp__logo .webgfx{width:auto;height:100%}.xp__stage.is-fs .xp__logo:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.xp__stage.is-fs .xp__fs-icon path{d:path("M7 2v5H2M13 2v5h5M18 13h-5v5M2 13h5v5")}.xp__stage:-webkit-full-screen::backdrop{background:#000}.xp__stage:fullscreen::backdrop{background:#000}.is-xp-fs{overflow:hidden}.is-xp-fs main{z-index:30}.is-xp-fs .lil-gui.lil-root{display:none}@property --key-top{syntax:"<color>";inherits:true;initial-value:#3d3c3f}@property --key-mid{syntax:"<color>";inherits:true;initial-value:#353437}@property --key-bot{syntax:"<color>";inherits:true;initial-value:#242325}@property --key-text{syntax:"<color>";inherits:true;initial-value:#d9d6d2}@property --key-on-top{syntax:"<color>";inherits:true;initial-value:#ffb0a3}@property --key-on-mid{syntax:"<color>";inherits:true;initial-value:#ff8f7e}@property --key-on-bot{syntax:"<color>";inherits:true;initial-value:#ec6f5c}@property --key-on-text{syntax:"<color>";inherits:true;initial-value:#2a0d08}@property --key-glow{syntax:"<color>";inherits:true;initial-value:#ff5a45}@property --key-angle{syntax:"<angle>";inherits:true;initial-value:180deg}@property --key-mid-pos{syntax:"<percentage>";inherits:true;initial-value:45%}@property --key-glow-size{syntax:"<length>";inherits:true;initial-value:18px}@property --key-radius{syntax:"<length>";inherits:true;initial-value:7px}.vib{color:#d9d6d2;border-radius:14px;gap:0;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;overflow:hidden;box-shadow:0 30px 60px -20px #000000d9,0 0 0 1px #000000e6,inset 0 1px #ffffff0f}.vib__console{grid-template-columns:minmax(0,1fr);grid-template-areas:"drop""sound""session""inst""line";gap:.75rem;padding:.85rem;display:grid}@media (min-width:48rem){.vib__console{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"drop sound""drop session""inst line"}}.vib__console{background-blend-mode:soft-light, normal;background: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='3' 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"),linear-gradient(#29282a,#1d1c1e);border-bottom:1px solid #000;box-shadow:inset 0 -1px #ffffff0a}.vib__stage{background:#161416;position:relative;box-shadow:inset 0 18px 30px -18px #000,inset 0 -10px 30px -10px #000}.vib__canvas{touch-action:none;cursor:crosshair;width:100%;height:clamp(24rem,min(76vh,64vw),46rem);display:block}.vib__canvas:focus-visible{outline-offset:-2px;outline:2px solid #ff8f7e}.vib__grain{pointer-events:none;opacity:.1;mix-blend-mode:overlay;background: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='3' 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");position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.vib__grain{animation:.9s steps(6,end) infinite vib-grain}}.vib__start{letter-spacing:.06em;text-transform:uppercase;color:var(--key-on-text);background:linear-gradient(var(--key-on-mid), var(--key-on-bot));box-shadow:0 0 0 1px #000, 0 0 26px color-mix(in srgb, var(--key-glow) 55%, transparent), inset 0 1px 0 #ffffff80, inset 0 -2px 4px color-mix(in oklab, var(--key-on-bot) 50%, #000 20%);cursor:pointer;border:0;border-radius:10px;padding:1.05rem 1.7rem .9rem;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(.95rem,.85rem + .5vw,1.2rem);font-weight:800;position:absolute;top:50%;bottom:auto;left:50%;right:auto;translate:-50% -50%}.vib__start:hover{filter:brightness(1.08)}.vib__start[hidden]{display:none}.vib__status,.vib__aim{letter-spacing:.05em;text-transform:uppercase;color:#8e8a86;pointer-events:none;background:#0f0e0fb3;border-radius:6px;max-width:60%;margin:0;padding:.3rem .6rem .2rem;font-size:.78rem;font-weight:700;position:absolute;bottom:.7rem}.vib__status:empty,.vib__aim:empty{display:none}.vib__status{left:.8rem}.vib__aim{color:#ff8f7e;text-shadow:0 0 10px #ff5a4599;right:.8rem}.vib__help{color:#8e8a86;background-blend-mode:soft-light, normal;background: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='3' 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"),linear-gradient(#1d1c1e,#171618);border-top:1px solid #000;max-width:none;margin:0;padding:.9rem 1.1rem .8rem;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.88rem;line-height:1.5}.vib kbd{font:inherit;color:#8e8a86;background:#00000059;border-radius:3px;padding:.08rem .3rem 0;font-size:.66em;box-shadow:inset 0 1px 1px #0009}.vib-panel{background:#0003;border-radius:10px;align-content:start;gap:.6rem;min-width:0;padding:.7rem .75rem .75rem;display:grid;box-shadow:inset 0 1px 3px #000000a6,0 1px #ffffff0a}.vib-panel--drop{grid-area:drop}.vib-panel--sound{grid-area:sound}.vib-panel--session{grid-area:session}.vib-panel--inst{grid-area:inst}.vib-panel--line{grid-area:line}.vib-panel__title,.vib-panel__label{letter-spacing:.14em;text-transform:uppercase;color:#8e8a86;margin:0;padding:0;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.68rem;font-weight:800;line-height:1.2}.vib-panel__title{color:#d9d6d2;letter-spacing:.16em}.vib-panel__note{color:#8e8a86;letter-spacing:.08em;margin-left:.4rem}.vib-panel__sub{border:0;border-top:1px solid #ffffff0d;gap:.4rem;min-width:0;margin:0;padding:.55rem 0 0;display:grid}.vib-panel__row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.vib-panel__row--nowrap{flex-wrap:nowrap}.vib-panel__row--fill>.vib-key{flex:1 1 0;min-width:0}.vib-panel__row--fill .vib-key__face{justify-content:center;width:100%}.vib-axes{grid-template-columns:minmax(0,1fr);align-items:center;gap:.4rem;display:grid}@media (min-width:48rem){.vib-axes{grid-template-columns:auto repeat(3,minmax(0,1fr));column-gap:.4rem}.vib-axes--stack{grid-template-columns:minmax(0,1fr)}}.vib-key{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex;position:relative}.vib-key__input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.vib-key__face{border-radius:var(--key-radius);letter-spacing:.06em;text-transform:uppercase;min-height:2.35rem;color:var(--key-text);background: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='3' 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"), linear-gradient(var(--key-angle), var(--key-top), var(--key-mid) var(--key-mid-pos), var(--key-bot));background-blend-mode:soft-light, normal;align-items:center;gap:.45rem;padding:.5rem .8rem .4rem;font-size:.8rem;font-weight:700;transition:box-shadow .15s,color .15s,translate 80ms,--key-top .5s,--key-mid .5s,--key-bot .5s,--key-text .5s,--key-on-top .5s,--key-on-mid .5s,--key-on-bot .5s,--key-on-text .5s,--key-glow .5s,--key-angle .5s,--key-mid-pos .5s,--key-radius .3s;display:inline-flex;box-shadow:0 0 0 1px #0b0b0c,0 2px 3px #000000b3,inset 0 1px #ffffff17,inset 0 -2px 3px #00000059}.vib-key:hover .vib-key__face{color:#fff}.vib-key:active .vib-key__face{translate:0 1px;box-shadow:0 0 0 1px #0b0b0c,0 1px 1px #000000b3,inset 0 2px 4px #0000008c}.vib-key[aria-pressed=true] .vib-key__face{color:var(--key-on-text);background: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='3' 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"), linear-gradient(var(--key-angle), var(--key-on-top), var(--key-on-mid) 50%, var(--key-on-bot));background-blend-mode:soft-light, normal;box-shadow:0 0 0 1px color-mix(in oklab, var(--key-on-bot) 25%, #000), 0 0 var(--key-glow-size) color-mix(in srgb, var(--key-glow) 50%, transparent), inset 0 1px 0 #ffffff8c, inset 0 -2px 4px color-mix(in oklab, var(--key-on-bot) 60%, transparent)}.vib-key:has(:checked) .vib-key__face{color:var(--key-on-text);background: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='3' 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"), linear-gradient(var(--key-angle), var(--key-on-top), var(--key-on-mid) 50%, var(--key-on-bot));background-blend-mode:soft-light, normal;box-shadow:0 0 0 1px color-mix(in oklab, var(--key-on-bot) 25%, #000), 0 0 var(--key-glow-size) color-mix(in srgb, var(--key-glow) 50%, transparent), inset 0 1px 0 #ffffff8c, inset 0 -2px 4px color-mix(in oklab, var(--key-on-bot) 60%, transparent)}.vib-key[aria-pressed=true] .vib-key__face kbd{color:color-mix(in srgb, var(--key-on-text) 70%, transparent);box-shadow:none;background:#ffffff40}.vib-key:has(:checked) .vib-key__face kbd{color:color-mix(in srgb, var(--key-on-text) 70%, transparent);box-shadow:none;background:#ffffff40}.vib-key:has(:focus-visible) .vib-key__face{outline:2px solid var(--key-on-mid);outline-offset:2px}.vib-key:focus-visible .vib-key__face{outline:2px solid var(--key-on-mid);outline-offset:2px}.vib-key--ball .vib-key__face{padding-left:.5rem}.vib-key--hot .vib-key__face{box-shadow:0 0 0 1px var(--key-on-mid), 0 2px 3px #000000b3, 0 0 12px color-mix(in srgb, var(--key-glow) 25%, transparent), inset 0 1px 0 #ffffff17}.vib-droppers{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.4rem;display:grid}.vib-dropper{border-radius:var(--key-radius);background:#00000047;justify-content:space-between;align-items:center;gap:.15rem;padding:.25rem .3rem .25rem .55rem;display:flex;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0a}.vib-dropper__label{flex:1;grid-template-columns:auto minmax(0,1fr) 7.5rem;align-items:center;gap:.45rem;min-width:0;display:grid}.vib-dropper__name{text-overflow:ellipsis;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#8e8a86;font-size:.72rem;font-weight:800;overflow:hidden}.vib-dropper__remove{color:#8e8a86;cursor:pointer;border-radius:50%;width:1.6rem;height:1.6rem;font-size:1.05rem;line-height:1}.vib-dropper__remove:hover{color:#fff;background:#ffffff14}.vib-dropper__remove:focus-visible{outline:2px solid var(--key-on-mid);outline-offset:1px}.vib-select{-webkit-appearance:none;appearance:none;border-radius:calc(var(--key-radius) - 2px);min-height:2rem;font:inherit;letter-spacing:.05em;text-transform:uppercase;color:var(--key-text);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%238e8a86'/%3E%3C/svg%3E") no-repeat right .55rem center, linear-gradient(var(--key-angle), var(--key-top), var(--key-mid) var(--key-mid-pos), var(--key-bot));cursor:pointer;border:0;padding:.35rem 1.7rem .25rem .6rem;font-size:.78rem;font-weight:700;box-shadow:0 0 0 1px #0b0b0c,0 2px 3px #0009,inset 0 1px #ffffff17}.vib-select option{color:#1c1b1a;background:#e9e6e2}.vib-select:focus-visible{outline:2px solid var(--key-on-mid);outline-offset:2px}.vib-led{background:#4a1b16;border-radius:50%;width:.5rem;height:.5rem;box-shadow:inset 0 1px 1px #000000b3}[aria-pressed=true] .vib-led{box-shadow:0 0 6px 2px color-mix(in srgb, var(--key-glow) 90%, transparent);background:#fff4ef}.vib-dot{border-radius:50%;flex:none;width:1.15rem;height:1.15rem;translate:0 -.06rem;box-shadow:0 2px 3px #0009}.vib-dot--steel{background:radial-gradient(circle at 35% 30%,#fff,#b9bec6 40%,#2e3239)}.vib-dot--glass{background:radial-gradient(circle at 35% 30%,#fff,#bfe8f2 35%,#3a7f90 80%)}.vib-dot--pingpong{background:radial-gradient(circle at 35% 30%,#fff,#f4f0e6 50%,#a99f8d)}.vib-dot--rubber{background:radial-gradient(circle at 35% 30%,#ff9b9b,#c42222 50%,#4a0808)}.vib-dot--wood{background:repeating-radial-gradient(circle at 70% 120%,#b8743a 0 3px,#8e5420 3px 5px)}.vib-dot--tennis{background:radial-gradient(circle at 35% 30%,#f4ffb0,#d4e157 50%,#6f7a10)}.vib-fader.vib-fader--grow{flex:12rem;grid-template-columns:auto minmax(3rem,1fr) auto;min-width:0;display:grid}.vib-fader.vib-fader--grow input,.vib-fader.vib-fader--grow select,.vib-select--grow{width:100%}.vib-fader{background:#00000047;border-radius:7px;align-items:center;gap:.5rem;padding:.3rem .6rem;display:inline-flex;box-shadow:inset 0 1px 3px #000000b3,0 1px #ffffff0a}.vib-fader__label{letter-spacing:.1em;text-transform:uppercase;color:#8e8a86;font-size:.72rem;font-weight:800}.vib-fader input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:6.5rem;height:1.4rem}.vib-fader input::-webkit-slider-runnable-track{background:#0b0a0b;border-radius:2px;height:4px;box-shadow:inset 0 1px 1px #000,0 1px #ffffff0f}.vib-fader input::-moz-range-track{background:#0b0a0b;border-radius:2px;height:4px}.vib-fader input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#5b5a5d,#2f2e30);border-radius:3px;width:.9rem;height:1.3rem;margin-top:-.55rem;box-shadow:0 0 0 1px #000,0 2px 3px #000000b3,inset 0 1px #ffffff26,inset 0 -.62rem 0 -.56rem #ff8f7e}.vib-fader input::-moz-range-thumb{background:linear-gradient(#5b5a5d,#2f2e30);border:0;border-radius:3px;width:.9rem;height:1.3rem;box-shadow:0 0 0 1px #000,0 2px 3px #000000b3}.vib-fader input:focus-visible{outline-offset:2px;outline:2px solid #ff8f7e}.vib-readout{font-variant-numeric:tabular-nums;text-align:center;min-width:2.8rem;color:var(--key-on-text);background:linear-gradient(var(--key-on-top), var(--key-on-mid));box-shadow:0 0 12px color-mix(in srgb, var(--key-glow) 45%, transparent), inset 0 1px 0 #ffffff80;border-radius:4px;padding:.25rem .4rem .15rem;font-size:.85rem;font-weight:800;transition:--key-on-top .5s,--key-on-mid .5s,--key-on-text .5s,--key-glow .5s}.vib-meter{background:#0a0a0b;border-radius:4px;flex:none;align-self:stretch;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px 3px #000,0 1px #ffffff0d}.vib-meter__bar{--level:0;background:#1d0f0d;border-radius:2px;width:5px;min-height:3.2rem;position:relative;overflow:hidden}.vib-meter__bar:after{content:"";height:calc(var(--level) * 100%);background:linear-gradient(to top, var(--key-on-bot), var(--key-on-mid) 70%, var(--key-on-top));box-shadow:0 0 8px color-mix(in srgb, var(--key-glow) 90%, transparent);transition:height 60ms linear;position:absolute;top:auto;bottom:0;left:0;right:0}@keyframes vib-grain{0%{background-position:0 0}20%{background-position:-40px 25px}40%{background-position:30px -35px}60%{background-position:-20px -15px}80%{background-position:45px 20px}to{background-position:0 0}}.xp__stage.is-fs .vib{box-shadow:none;border-radius:0;flex:none}.xp__stage.is-fs .vib .vib__stage{order:-1}.xp__stage.is-fs .vib .vib__canvas{height:calc(100dvh - 3rem)}.xp__stage.is-fs .vib .vib__help{display:none}@media (min-width:64rem){.xp__stage.is-fs .vib{flex:1 1 0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(29rem,35rem) minmax(0,1fr);min-height:0}.xp__stage.is-fs .vib .vib__console{border-bottom:0;border-right:1px solid #000;grid-template-columns:minmax(0,1fr);grid-template-areas:"drop""sound""session""inst""line";align-content:start;overflow-y:auto}.xp__stage.is-fs .vib .vib__stage{order:0;min-height:0}.xp__stage.is-fs .vib .vib__canvas{height:100%}}.stack{color:#e9edff;background:#0a0f22;border-radius:16px;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;overflow:hidden;box-shadow:0 30px 70px -25px #000000e6,0 0 0 1px #788cff2e}.stack__stage{background:radial-gradient(80% 60% at 50% 70%,#1a2350,#0a0f22 70%);position:relative}.stack__canvas{touch-action:none;cursor:pointer;width:100%;height:clamp(26rem,min(80vh,70vw),48rem);display:block}.stack__canvas:focus-visible{outline-offset:-2px;outline:2px solid #56e0ff}.stack__grain{pointer-events:none;opacity:.09;mix-blend-mode:overlay;background: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='3' 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");position:absolute;top:0;bottom:0;left:0;right:0}.stack__hud{pointer-events:none;justify-items:center;gap:.2rem;display:grid;position:absolute;top:1.1rem;left:50%;translate:-50%}.stack__score{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#f2f5ff;text-shadow:0 0 12px #7896ffe6,0 0 36px #5b7cff99;font-size:clamp(2.6rem,2rem + 3vw,4.4rem);font-weight:900;line-height:1}.stack__combo{letter-spacing:.18em;color:#ff8a3d;text-shadow:0 0 12px #ff8a3dcc;min-height:1.2em;font-size:.9rem;font-weight:800}.stack__best,.stack__daily{letter-spacing:.16em;color:#8d97c4;pointer-events:none;font-size:.72rem;font-weight:800;position:absolute;top:1.1rem}.stack__best{right:1.2rem}.stack__daily{max-width:40%;left:1.2rem}.stack__finish{position:absolute;bottom:1rem;right:1rem}.stack__status{color:#8d97c4;margin:0;font-size:.8rem;position:absolute;bottom:.8rem;left:1rem}.stack__status:empty{display:none}.stack__popup{letter-spacing:.2em;opacity:0;pointer-events:none;font-size:clamp(1.1rem,.9rem + 1vw,1.7rem);font-weight:900;position:absolute;top:30%;left:50%;translate:-50%}@media (prefers-reduced-motion:no-preference){.stack__popup.is-on{animation:.7s cubic-bezier(.16,1,.3,1) forwards stack-pop}}.stack__popup.is-on{opacity:1}.stack__popup.is-perfect{color:#fff;text-shadow:0 0 18px #fff,0 0 40px #56e0ff}.stack__popup.is-good{color:#56e0ff;text-shadow:0 0 16px #56e0ffcc}.stack__popup.is-edge{color:#ff8a3d;text-shadow:0 0 16px #ff8a3dcc}.stack__popup.is-poor,.stack__popup.is-miss{color:#ff5fa2;text-shadow:0 0 16px #ff5fa2cc}.stack__screen{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(60% 60%,#0a0f228c,#0a0f22d9);place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}@media (max-width:40rem){.stack__screen{place-content:start center;gap:.75rem;padding:1rem}}.stack[data-state=menu] .stack__screen--menu,.stack[data-state=over] .stack__screen--over{display:grid}.stack[data-state=menu] .stack__hud,.stack[data-state=menu] .stack__best{visibility:hidden}.stack__title{letter-spacing:.06em;background:linear-gradient(90deg,#5b7cff,#ff5fa2 55%,#ff8a3d);color:#0000;filter:drop-shadow(0 0 18px #ff5fa259);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,1.4rem + 4vw,4.6rem);font-weight:900;line-height:1}.stack__title span{-webkit-text-fill-color:#e9edff;color:#e9edff}.stack__tagline{color:#8d97c4;margin:0;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.05rem}.stack__modes{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));display:grid}@media (max-width:40rem){.stack__modes{grid-template-columns:1fr 1fr}}.stack__modes{gap:.6rem;width:min(100%,48rem)}.stack__label{letter-spacing:.22em;text-transform:uppercase;color:#8d97c4;margin:0;font-size:.8rem;font-weight:800}.stack__final{font-variant-numeric:tabular-nums;text-shadow:0 0 16px #7896ffe6,0 0 50px #5b7cff99;margin:0;font-size:clamp(3.5rem,2.6rem + 5vw,6.5rem);font-weight:900;line-height:1}.stack__record{letter-spacing:.2em;color:#ff8a3d;text-shadow:0 0 14px #ff8a3de6;margin:0;font-weight:900}.stack__record[hidden]{display:none}.stack__meta{letter-spacing:.1em;color:#8d97c4;margin:0;font-size:.85rem;font-weight:700}.stack__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.stack__bar{background:#0d1330;border-top:1px solid #788cff26;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.8rem 1rem;display:flex}.stack__help{color:#8d97c4;background:#0d1330;max-width:none;margin:0;padding:.8rem 1rem .9rem;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.88rem;line-height:1.5}.stack kbd{font:inherit;opacity:.7;background:#ffffff1f;border-radius:4px;padding:.1rem .35rem 0;font-size:.68em}.xp__stage.is-fs .stack{min-height:0;box-shadow:none;border-radius:0;flex:1 1 0;grid-template-rows:minmax(0,1fr) auto}.xp__stage.is-fs .stack .stack__stage{min-height:0}.xp__stage.is-fs .stack .stack__canvas{height:100%;min-height:16rem}.xp__stage.is-fs .stack .stack__help{display:none}.stack-mode{align-content:start;gap:.3rem;padding:.85rem .9rem .75rem;display:grid}@media (max-width:40rem){.stack-mode{padding:.6rem .65rem .5rem}}.stack-mode{text-align:left;color:inherit;cursor:pointer;background:#141c468c;border:1px solid #788cff40;border-radius:12px;transition:border-color .2s,background .2s,box-shadow .2s}.stack-mode__name{letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;font-weight:900}.stack-mode__desc{color:#8d97c4;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.85rem;line-height:1.35}@media (max-width:40rem){.stack-mode__desc{font-size:.75rem}}.stack-mode:hover{border-color:#7896ff99}.stack-mode[aria-pressed=true]{background:#1e2d6ebf;border-color:#56e0ff;box-shadow:0 0 22px #56e0ff40,inset 0 0 0 1px #56e0ff66}.stack-mode:focus-visible{outline-offset:2px;outline:2px solid #56e0ff}.stack-btn{letter-spacing:.12em;text-transform:uppercase;color:#e9edff;cursor:pointer;background:#141c46b3;border:1px solid #788cff59;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.2rem .65rem;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.85rem;font-weight:800;transition:background .2s,box-shadow .2s,border-color .2s;display:inline-flex}.stack-btn:hover{border-color:#56e0ff;box-shadow:0 0 18px #56e0ff40}.stack-btn:focus-visible{outline-offset:2px;outline:2px solid #56e0ff}.stack-btn[aria-pressed=true]{border-color:#ff8a3d;box-shadow:0 0 18px #ff8a3d59}.stack-btn--play{color:#fff;background:linear-gradient(90deg,#5b7cff,#ff5fa2 60%,#ff8a3d);border:0;box-shadow:0 0 26px #ff5fa273}.stack-btn--play:hover{filter:brightness(1.1)}.stack-btn--ghost{background:0 0}.stack-btn[hidden]{display:none}.stack-field{letter-spacing:.14em;text-transform:uppercase;color:#8d97c4;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;display:inline-flex}.stack-field--grow{flex:14rem}.stack-field--grow input{flex:1}.stack-field select{font:inherit;letter-spacing:.08em;color:#e9edff;background:#141c46;border:1px solid #788cff59;border-radius:8px;padding:.45rem .7rem}.stack-field input{accent-color:#ff5fa2}.stack-field select:focus-visible{outline-offset:2px;outline:2px solid #56e0ff}.stack-field input:focus-visible{outline-offset:2px;outline:2px solid #56e0ff}@keyframes stack-pop{0%{opacity:0;translate:-50% .6rem;scale:.8}20%{opacity:1;translate:-50%;scale:1.06}70%{opacity:1}to{opacity:0;translate:-50% -.8rem;scale:1}}.jam{color:#eef1f4;background:#0b0d10;border-radius:14px;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;overflow:hidden;box-shadow:0 30px 70px -25px #000000e6,0 0 0 1px #ffffff0f}.jam .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.jam__stage{background:linear-gradient(#d9a77a,#3b2a22);position:relative}.jam__canvas{touch-action:none;width:100%;height:clamp(26rem,min(80vh,62vw),50rem);display:block}.jam__canvas:focus-visible{outline-offset:-2px;outline:2px solid #ff8a3d}.jam__grain{pointer-events:none;opacity:.55;mix-blend-mode:overlay;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#00000073),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='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.jam__sfx{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.jam__stats{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0a0c108c;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:repeat(4,auto);gap:.35rem 1.1rem;margin:0;padding:.7rem .9rem .55rem;display:grid;position:absolute;top:.9rem;left:50%;translate:-50%}.jam__stats div{gap:.1rem;display:grid}.jam__stats dt{letter-spacing:.16em;text-transform:uppercase;color:#93a0ad;font-size:.62rem;font-weight:800}.jam__stats dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:800}@media (max-width:40rem){.jam__stats{grid-template-columns:repeat(2,auto);gap:.2rem .8rem;padding:.45rem .6rem .35rem;top:.5rem}.jam__stats dd{font-size:.85rem}}.jam[data-state=intro] .jam__stats{visibility:hidden}@media (max-width:40rem){.jam__stage:has(.jam-radio:not([hidden])) .jam__stats{visibility:hidden}}.jam__intro{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(70% 70% at 50% 45%,#140c0859,#0a0806d1);place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.jam[data-state=intro] .jam__intro{display:grid}.jam__title{letter-spacing:.04em;color:#ff4d3d;text-shadow:0 0 24px #ff4d3d8c,0 0 2px #fff;margin:0;font-size:clamp(3rem,2rem + 6vw,7rem);font-weight:900;line-height:.9}.jam__tagline{color:#e9d9c8;max-width:34rem;margin:0;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.1rem}.jam__note{color:#93a0ad;max-width:34rem;margin:0;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.85rem}.jam__status{color:#fff;margin:0;font-size:.8rem;position:absolute;bottom:.8rem;left:1rem}.jam__status:empty{display:none}.jam__bar{background:#111418;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem 1.5rem;padding:.8rem 1rem;display:flex}.jam__help{color:#93a0ad;background:#111418;max-width:none;margin:0;padding:.8rem 1rem .9rem;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.88rem;line-height:1.5}.jam kbd{font:inherit;opacity:.75;background:#ffffff1f;border-radius:4px;padding:.1rem .35rem 0;font-size:.7em}.xp__stage.is-fs .jam{min-height:0;box-shadow:none;border-radius:0;flex:1 1 0;grid-template-rows:minmax(0,1fr) auto}.xp__stage.is-fs .jam .jam__stage{min-height:0}.xp__stage.is-fs .jam .jam__canvas{height:100%;min-height:16rem}.xp__stage.is-fs .jam .jam__help{display:none}.jam-radio{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#0c1015d1;border:1px solid #ffffff1f;border-radius:14px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:.7rem;width:min(25rem,100% - 1.8rem);padding:.9rem;display:grid;position:absolute;top:.9rem;bottom:.9rem;left:.9rem;box-shadow:0 20px 50px -20px #000c}.jam-radio[hidden]{display:none}@media (max-width:40rem){.jam-radio{gap:.5rem;width:auto;padding:.7rem;top:.5rem;bottom:.5rem;left:.5rem;right:.5rem}}.jam-radio__head{justify-content:space-between;align-items:center;display:flex}.jam-radio__label{letter-spacing:.22em;text-transform:uppercase;color:#ff8a3d;margin:0;font-size:.72rem;font-weight:800}.jam-radio__close{color:#eef1f4;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;width:2rem;height:2rem;font-size:1.2rem;line-height:1}.jam-radio__close:hover{border-color:#ff8a3d}.jam-radio__close:focus-visible{outline-offset:2px;outline:2px solid #ff8a3d}.jam-radio__now{gap:.2rem;min-height:3.6rem;display:grid}.jam-radio__station{overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:900;line-height:1.1}.jam-radio__detail,.jam-radio__status{color:#93a0ad;margin:0;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.82rem}.jam-radio__detail:empty,.jam-radio__status:empty{display:none}.jam-radio__status{color:#ff8a3d}.jam-radio__controls,.jam-radio__filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.jam-radio__scope{gap:.3rem;display:flex}.jam-radio__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;border-radius:8px;align-content:start;gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.jam-radio__empty{color:#93a0ad;padding:.8rem;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.jam-radio__source{color:#93a0ad;margin:0;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.72rem;line-height:1.4}.jam-radio__item{width:100%;font:inherit;text-align:left;color:#eef1f4;cursor:pointer;background:#ffffff0a;border:0;border-radius:6px;gap:.1rem;padding:.55rem .7rem .45rem;font-size:.92rem;font-weight:800;display:grid}.jam-radio__item:hover{background:#ffffff1a}.jam-radio__item:focus-visible{outline-offset:-2px;outline:2px solid #ff8a3d}.jam-radio__item[aria-current=true]{color:#160b05;background:linear-gradient(90deg,#ff8a3d,#ffb36b)}.jam-radio__item[aria-current=true] .jam-radio__meta{color:#160b05b3}.jam-radio__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jam-radio__meta{text-overflow:ellipsis;white-space:nowrap;color:#93a0ad;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:400;overflow:hidden}.jam-btn{letter-spacing:.12em;text-transform:uppercase;color:#eef1f4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.6rem 1.1rem .5rem;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.82rem;font-weight:800;transition:background .2s,border-color .2s;display:inline-flex}.jam-btn:hover{border-color:#ff8a3d}.jam-btn:focus-visible{outline-offset:2px;outline:2px solid #ff8a3d}.jam-btn[aria-expanded=true],.jam-btn[aria-pressed=true]{color:#ff8a3d;border-color:#ff8a3d}.jam-btn--primary{color:#160b05;background:linear-gradient(90deg,#ff8a3d,#ffb36b);border:0}.jam-btn--primary:hover{filter:brightness(1.08)}.jam-btn--primary[aria-pressed=true]{color:#eef1f4;background:linear-gradient(90deg,#c2352a,#ff4d3d)}.jam-btn--icon{letter-spacing:0;width:2.5rem;padding:0;font-size:.95rem}.jam-chip{font:inherit;letter-spacing:.08em;color:#93a0ad;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:.4rem .75rem .3rem;font-size:.75rem;font-weight:800}.jam-chip[aria-pressed=true]{color:#eef1f4;background:#ff8a3d26;border-color:#ff8a3d}.jam-chip:focus-visible{outline-offset:2px;outline:2px solid #ff8a3d}.jam-vol{letter-spacing:.14em;text-transform:uppercase;color:#93a0ad;background:linear-gradient(#181c22,#0c0f13);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem .95rem .45rem .75rem;font-size:.66rem;font-weight:800;transition:border-color .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 6px 18px -10px #000c}.jam-vol:hover{border-color:#ff8a3d80}.jam-vol__icon{fill:currentColor;flex:none;width:1.15rem;height:1.15rem}.jam-vol__wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.jam-vol__track{width:9rem;height:1.5rem;display:block;position:relative}.jam-vol__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.jam-vol__meter{pointer-events:none;align-items:flex-end;gap:3px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.jam-vol__meter i{height:calc(26% + var(--i) * 5.6%);background:#ffffff1a;border-radius:2px;flex:1;transition:background .15s,box-shadow .15s}.jam-vol__meter i.is-on{background:linear-gradient(#ffd08a,#ff8a3d);box-shadow:0 0 6px #ff8a3d80}.jam-vol__meter i.is-on:nth-child(n+12){background:linear-gradient(#ff9b8a,#ff4d3d);box-shadow:0 0 6px #ff4d3d8c}.jam-vol__input:focus-visible+.jam-vol__meter{outline-offset:4px;border-radius:3px;outline:2px solid #ff8a3d}.jam[data-state=driving] .jam-vol i.is-on{animation:1.1s ease-in-out infinite alternate jam-vu;animation-delay:calc(var(--i) * -.17s)}@media (prefers-reduced-motion:reduce){.jam[data-state=driving] .jam-vol i.is-on{animation:none}}@media (max-width:30rem){.jam-vol__label{display:none}}@keyframes jam-vu{to{opacity:.6}}.jam-field{letter-spacing:.14em;text-transform:uppercase;color:#93a0ad;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;display:inline-flex}.jam-field--grow{flex:9rem}.jam-field--grow input{flex:1;min-width:0}.jam-field select,.jam-field input[type=search]{min-height:2.2rem;font:inherit;letter-spacing:.04em;text-transform:none;color:#eef1f4;background:#161b21;border:1px solid #ffffff1f;border-radius:8px;padding:.35rem .6rem;font-size:.8rem}.jam-field input[type=range]{accent-color:#ff8a3d}.jam-field select:focus-visible{outline-offset:2px;outline:2px solid #ff8a3d}.jam-field input:focus-visible{outline-offset:2px;outline:2px solid #ff8a3d}.jam-sfx{--tilt:-6deg;--size:1;isolation:isolate;translate:-50% -50%;rotate:var(--tilt);font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(clamp(1.6rem, 1rem + 2.6vw, 3.4rem) * var(--size));letter-spacing:.02em;white-space:nowrap;color:#ffe14d;-webkit-text-stroke:.09em #140c08;paint-order:stroke fill;text-shadow:.08em .08em #140c08;padding:.9em 1.3em .75em;font-weight:900;line-height:1;animation:.22s cubic-bezier(.3,1.6,.5,1) both jam-sfx-pop;position:absolute}.jam-sfx:before{content:"";z-index:-1;clip-path:polygon(50% 0,59% 22%,80% 4%,76% 28%,100% 22%,86% 44%,100% 58%,80% 64%,92% 88%,66% 76%,58% 100%,47% 80%,30% 98%,30% 74%,4% 86%,16% 62%,0 48%,18% 38%,6% 14%,32% 22%,38% 2%);background:#140c08;position:absolute;top:-.15em;bottom:-.15em;left:-.25em;right:-.25em}.jam-sfx:after{content:"";z-index:-1;clip-path:polygon(50% 0,59% 22%,80% 4%,76% 28%,100% 22%,86% 44%,100% 58%,80% 64%,92% 88%,66% 76%,58% 100%,47% 80%,30% 98%,30% 74%,4% 86%,16% 62%,0 48%,18% 38%,6% 14%,32% 22%,38% 2%);background:#e8382a;position:absolute;top:0;bottom:0;left:0;right:0}.jam-sfx--far{color:#fff6dc;padding:.7em 1em .55em}.jam-sfx--far:after{background:#2f6fb3}.jam-sfx.is-out{opacity:0;transition:opacity .35s,scale .35s;scale:.85}@media (prefers-reduced-motion:reduce){.jam-sfx{animation:none}}@keyframes jam-sfx-pop{0%{opacity:0;scale:.2}}.signal{color:#6dff8e;background:#020a05;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;display:grid;overflow:hidden;box-shadow:0 30px 70px -25px #000000e6,0 0 0 1px #6dff8e29}.signal__stage{background:#020a05;position:relative}.signal__canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;height:clamp(24rem,min(76vh,60vw),46rem);display:block}.signal__canvas:focus-visible{outline-offset:-2px;outline:2px solid #6dff8e}.signal__crt{pointer-events:none;background:radial-gradient(130% 100%,#0000 60%,#0000008c),repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px);animation:4s steps(2,end) infinite signal-flicker;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 80px #6dff8e0f}@media (prefers-reduced-motion:reduce){.signal__crt{animation:none}}.signal__hud{pointer-events:none;text-shadow:0 0 8px #6dff8e99;gap:.2rem;display:grid;position:absolute;top:1rem;left:1.1rem}.signal__time{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);font-weight:700}.signal__label{letter-spacing:.2em;text-transform:uppercase;color:#6dff8e99;font-size:.72rem}.signal__meta{letter-spacing:.12em;text-transform:uppercase;color:#6dff8e99;font-size:.75rem}.signal__integrity{--v:1;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.signal__integrity .signal__label{font-size:.6rem}.signal__meter{border:1px solid #6dff8e38;border-radius:3px;width:clamp(7rem,16vw,11rem);height:6px;position:relative;overflow:hidden}.signal__meter:before{content:"";transform:scaleX(var(--v));transform-origin:0;background:#6dff8e;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 8px #6dff8e}.signal__integrity.is-wob .signal__meter:before{background:#ffbe50;box-shadow:0 0 8px #ffbe50}.signal__integrity.is-low .signal__meter:before{background:#ff5a50;animation:.5s steps(2,end) infinite signal-blink;box-shadow:0 0 8px #ff5a50}@media (prefers-reduced-motion:reduce){.signal__integrity.is-low .signal__meter:before{animation:none}}.signal__progress{--p:0;--best:0;pointer-events:none;background:#6dff8e14;height:3px;position:absolute;top:0;left:0;right:0}.signal__progress:before{content:"";width:calc(var(--p) * 100%);background:#6dff8e;position:absolute;top:0;bottom:0;left:0;right:auto;box-shadow:0 0 10px #6dff8e}.signal__progress span{top:-2px;left:calc(var(--best) * 100%);background:#fff;width:2px;height:7px;position:absolute}.signal__scores{text-align:right;pointer-events:none;gap:.35rem;margin:0;display:grid;position:absolute;top:1rem;right:1.1rem}.signal__scores div{gap:.05rem;display:grid}.signal__scores dt{letter-spacing:.18em;text-transform:uppercase;color:#6dff8e99;font-size:.62rem}.signal__scores dd{font-variant-numeric:tabular-nums;margin:0;font-size:.95rem;font-weight:700}.signal[data-state=intro] .signal__hud,.signal[data-state=intro] .signal__progress{visibility:hidden}.signal__report{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#020e07c7;border:1px solid #6dff8e38;border-radius:6px;gap:.35rem;width:min(20rem,100% - 2rem);padding:.7rem .8rem .6rem;display:grid;position:absolute;bottom:1rem;left:1rem}.signal__report[hidden]{display:none}.signal__report p{margin:0}@media (max-width:40rem){.signal__report{opacity:.85;width:calc(100% - 1rem);bottom:.5rem;left:.5rem}}.signal__lost{letter-spacing:.06em;color:#6dff8e99;font-size:.78rem}.signal__lost strong{color:#6dff8e;font-variant-numeric:tabular-nums;font-size:1rem}.signal__record{letter-spacing:.1em;text-transform:uppercase;color:#020a05;background:#6dff8e;border-radius:3px;margin-left:.3rem;padding:.05rem .35rem;font-size:.68rem;font-weight:700}.signal__record[hidden]{display:none}.signal__chart-title,.signal__peak{letter-spacing:.08em;color:#6dff8e99;font-size:.66rem}.signal__chart{width:100%;height:4.5rem;display:block}.signal__screen{text-align:center;background:radial-gradient(70% 70%,#02140a8c,#010603e0);place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.signal[data-state=intro] .signal__screen--intro,.signal[data-state=paused] .signal__screen--paused{display:grid}.signal__title{letter-spacing:.12em;text-shadow:0 0 18px #6dff8eb3,0 0 2px #e6ffec;margin:0;font-size:clamp(2.4rem,1.4rem + 5vw,5.4rem);font-weight:800;line-height:.95}.signal__title span{width:.4em;display:inline-block}.signal__tagline{letter-spacing:.08em;color:#c9ffd5;margin:0;font-size:.95rem}.signal__rules{color:#6dff8e99;gap:.35rem;max-width:34rem;margin:0;padding:0;font-size:.82rem;line-height:1.45;list-style:none;display:grid}.signal__rules li:before{content:"▸ ";color:#6dff8e}.signal__rules li:nth-child(3):before{color:#ff5a50}.signal__rules li:nth-child(4):before{color:#ffbe50}.signal__status{color:#fff;margin:0;font-size:.75rem;position:absolute;bottom:.8rem;left:1rem}.signal__status:empty{display:none}.signal__bar{background:#04110a;border-top:1px solid #6dff8e38;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.8rem 1rem;display:flex}.signal__day{letter-spacing:.06em;color:#6dff8e99;margin:0;font-size:.72rem}.signal__help{color:#c9ffd5b3;background:#04110a;max-width:none;margin:0;padding:.8rem 1rem .9rem;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.88rem;line-height:1.5}.signal kbd{font:inherit;opacity:.8;border:1px solid;border-radius:3px;padding:.1rem .4rem 0;font-size:.7em}.xp__stage.is-fs .signal{min-height:0;box-shadow:none;border-radius:0;flex:1 1 0;grid-template-rows:minmax(0,1fr) auto}.xp__stage.is-fs .signal .signal__stage{min-height:0}.xp__stage.is-fs .signal .signal__canvas{height:100%;min-height:16rem}.xp__stage.is-fs .signal .signal__help{display:none}.signal-btn{letter-spacing:.2em;text-transform:uppercase;color:#020a05;cursor:pointer;background:#6dff8e;border:1px solid #6dff8e;border-radius:4px;align-items:center;gap:.6rem;min-height:2.7rem;padding:.65rem 1.3rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 0 22px #6dff8e73}.signal-btn:hover{filter:brightness(1.1)}.signal-btn:focus-visible{outline-offset:3px;outline:2px solid #e6ffec}.signal-field{letter-spacing:.14em;text-transform:uppercase;color:#6dff8e99;flex:0 18rem;align-items:center;gap:.6rem;font-size:.7rem;display:inline-flex}.signal-field input{accent-color:#6dff8e;flex:1;min-width:0}.signal-field input:focus-visible{outline-offset:2px;outline:2px solid #6dff8e}@keyframes signal-blink{50%{opacity:.35}}@keyframes signal-flicker{50%{opacity:.92}}.display-lab{gap:.6rem;min-width:0;display:grid}.display-lab__frame{width:100%;height:clamp(560px,82vh,980px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#06080d;border:1px solid #ffffff1f;border-radius:14px;height:clamp(560px,82dvh,980px);display:block}.display-lab__note{opacity:.75;margin:0;font-size:.875rem}.display-lab__missing{text-align:center;border:1px dashed #ffffff40;border-radius:14px;margin:0;padding:2rem 1.5rem}.xp__stage.is-fs .display-lab{flex:1;gap:0;min-height:0}.xp__stage.is-fs .display-lab .display-lab__frame{border:0;border-radius:0;height:100%}.xp__stage.is-fs .display-lab .display-lab__note{display:none}.palette{--p-bg:#fff;--p-panel:#f3f3f7;--p-field:#fff;--p-line:#15132b29;--p-ink:#15132b;--p-dim:#565a70;--p-accent:#5b3fc4;--p-accent-ink:#fff;--p-danger:#b3203a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--p-ink);background:var(--p-bg);box-shadow:0 30px 70px -25px #000000e6, 0 0 0 1px var(--p-line);border-radius:16px;gap:1rem;padding:clamp(.75rem,2vw,1.25rem);font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid}@media (prefers-reduced-motion:no-preference){.palette{transition:background-color .3s,color .3s}}.palette[data-theme=dark]{--p-bg:#0b0b0f;--p-panel:#17171f;--p-field:#0b0b0f;--p-line:#edf1f629;--p-ink:#edf1f6;--p-dim:#aab0c8;--p-accent:#c9b8f0;--p-accent-ink:#120f2e;--p-danger:#ff9aa6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.palette__main{align-content:start;gap:1rem;min-width:0;display:grid}.palette__foot{gap:.4rem;display:grid}.palette__bar{flex-wrap:wrap;gap:.75rem;display:flex}.palette__h{letter-spacing:.02em;margin:0;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;font-weight:800}.palette__note,.palette__help{color:var(--p-dim);margin:0;font-size:.9rem}.palette__status{min-height:1.4em;color:var(--p-accent);margin:0;font-size:.9rem}.palette__preview{gap:.75rem;display:grid}.palette kbd{font:inherit;opacity:.75;border:1px solid;border-radius:4px;padding:.05em .4em;font-size:.75em}.palette :focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.palette{--p-sb-thumb:color-mix(in oklab, var(--p-ink) 32%, transparent);--p-sb-thumb-hover:color-mix(in oklab, var(--p-ink) 50%, transparent);scrollbar-width:thin;scrollbar-color:var(--p-sb-thumb) transparent}.palette::-webkit-scrollbar{background:0 0;width:10px;height:10px}.palette ::-webkit-scrollbar{background:0 0;width:10px;height:10px}.palette::-webkit-scrollbar-track{background:0 0}.palette ::-webkit-scrollbar-track{background:0 0}.palette::-webkit-scrollbar-corner{background:0 0}.palette ::-webkit-scrollbar-corner{background:0 0}.palette::-webkit-scrollbar-thumb{background:var(--p-sb-thumb) padding-box;border:2px solid #0000;border-radius:999px}.palette ::-webkit-scrollbar-thumb{background:var(--p-sb-thumb) padding-box;border:2px solid #0000;border-radius:999px}.palette::-webkit-scrollbar-thumb:hover{background-color:var(--p-sb-thumb-hover)}.palette ::-webkit-scrollbar-thumb:hover{background-color:var(--p-sb-thumb-hover)}.palette::-webkit-scrollbar-button{width:0;height:0;display:none}.palette ::-webkit-scrollbar-button{width:0;height:0;display:none}.palette :where(p){max-width:none}.pl-group{flex:19rem}.pl-group:first-child{flex-basis:100%}.pl-group .pl-field{flex:9rem;min-width:0}.pl-group .pl-field select{width:100%}.pl-group{background:var(--p-panel);border:1px solid var(--p-line);border-radius:12px;align-content:start;gap:.45rem;padding:.6rem .75rem .75rem;display:grid}.pl-group__title{text-transform:uppercase;letter-spacing:.1em;color:var(--p-dim);margin:0;font-size:.72rem;font-weight:700}.pl-group__body{flex-wrap:wrap;align-items:flex-end;gap:.6rem .75rem;display:flex}.pl-wheel-wrap{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.pl-wheel{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;width:9.5rem;position:relative}.pl-wheel.is-dragging{cursor:grabbing}.pl-wheel:focus-visible{outline:3px solid var(--p-accent);outline-offset:3px}.pl-wheel__ring{border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle,#0000 57%,#000 58%);mask:radial-gradient(circle,#0000 57%,#000 58%)}.pl-wheel__spokes{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.pl-wheel__spokes line{stroke:var(--p-ink);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:2 2.5;opacity:.55}.pl-wheel__spokes .is-base{stroke-dasharray:none;stroke-width:2px;opacity:.85}.pl-wheel__dots{position:absolute;top:0;bottom:0;left:0;right:0}.pl-wheel__dot{background:var(--c);border:2px solid var(--p-bg);width:1.45rem;height:1.45rem;box-shadow:0 0 0 1px var(--p-line), 0 2px 6px #00000040;pointer-events:none;border-radius:50%;place-items:center;font-size:.62rem;font-weight:700;display:grid;position:absolute;translate:-50% -50%}.pl-wheel__dot.is-fixed{border-color:var(--p-accent)}.pl-wheel-side{flex:14rem;justify-items:start;gap:.4rem;display:grid}.pl-wheel-side__label{color:var(--p-dim);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.8rem}.pl-wheel-side__hint{color:var(--p-dim);margin:0;font-size:.82rem}.pl-field{color:var(--p-dim);text-transform:uppercase;letter-spacing:.06em;gap:.25rem;font-size:.8rem;display:grid}.pl-field select,.pl-swatch__format,.pl-grad select{min-height:2.75rem;font:inherit;text-transform:none;letter-spacing:0;color:var(--p-ink);background:var(--p-field);border:1px solid var(--p-line);border-radius:8px;padding:.4rem .6rem;font-size:.95rem}.pl-field select:disabled,.pl-swatch__format:disabled,.pl-grad select:disabled{opacity:.45}.pl-btn{min-height:2.75rem;font:inherit;color:var(--p-ink);background:var(--p-panel);border:1px solid var(--p-line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;line-height:1.1;display:inline-flex}.pl-btn:hover:not(:disabled){border-color:var(--p-accent)}.pl-btn:disabled{opacity:.45;cursor:not-allowed}.pl-btn--primary{color:var(--p-accent-ink);background:var(--p-accent);border-color:var(--p-accent)}.pl-theme{color:var(--p-dim);text-transform:uppercase;letter-spacing:.06em;border:0;gap:.25rem;margin:0;padding:0;font-size:.8rem;display:grid}.pl-theme legend{margin-bottom:.25rem;padding:0}.pl-theme__opts{display:flex}.pl-theme button{min-height:2.75rem;font:inherit;text-transform:none;letter-spacing:0;color:var(--p-ink);background:var(--p-field);border:1px solid var(--p-line);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.95rem;display:inline-flex}.pl-theme button:first-child{border-radius:8px 0 0 8px}.pl-theme button:last-child{border-left:0;border-radius:0 8px 8px 0}.pl-theme button[aria-pressed=true]{color:var(--p-accent-ink);background:var(--p-accent);border-color:var(--p-accent)}.pl-theme__dot{border:1px solid #80808cb3;border-radius:50%;width:.9rem;height:.9rem}.pl-theme__dot--light{background:#fff}.pl-theme__dot--dark{background:#000}.palette__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.pl-swatch{scroll-snap-align:start;background:var(--p-panel);border:1px solid var(--p-line);border-radius:12px;grid-template-rows:auto 1fr;min-width:0;scroll-margin-top:.6rem;display:grid;overflow:hidden}.pl-swatch.is-locked{border-color:var(--p-accent);box-shadow:0 0 0 1px var(--p-accent)}.pl-swatch.is-editing{border-color:var(--p-accent);box-shadow:0 0 0 2px var(--p-accent)}.pl-swatch.is-dragging{opacity:.4}.pl-swatch.is-drop{box-shadow:inset 4px 0 0 var(--p-accent), 0 0 0 1px var(--p-accent)}.pl-swatch__chip{min-height:clamp(9rem,26vh,15rem);color:var(--ink,#000);background:var(--sw), repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.5rem .5rem 2.6rem;display:flex;position:relative}.pl-swatch__index{opacity:.55;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.6rem;font-weight:900;position:absolute;bottom:.4rem;left:.6rem}.pl-swatch__tools{align-items:center;gap:.25rem;display:flex}.pl-swatch__handle{cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:2.25rem;height:2.25rem;margin-right:auto;font-size:1.3rem;display:grid}.pl-swatch__handle:active{cursor:grabbing}.pl-swatch__badges{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;margin:0 0 0 2.5rem;display:flex}.pl-swatch__body{align-content:start;gap:.4rem;padding:.6rem;display:grid}.pl-swatch__name{color:var(--p-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.pl-swatch__value{resize:none;overflow-wrap:anywhere;width:100%;min-height:2.75rem;color:var(--p-ink);background:var(--p-field);border:1px solid var(--p-line);border-radius:8px;padding:.4rem .55rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.35}.pl-swatch__value[aria-invalid=true]{border-color:var(--p-danger)}.pl-swatch__value[readonly]{color:var(--p-dim)}.pl-swatch__error{color:var(--p-danger);margin:0;font-size:.8rem}.pl-swatch__error:empty{display:none}.pl-swatch__contrast{color:var(--p-dim);margin:0;font-size:.8rem}.pl-swatch__actions{flex-wrap:wrap;gap:.25rem;display:flex}.pl-badge{color:var(--ink,#000);background:color-mix(in srgb, var(--ink,#000) 16%, transparent);border:1px solid color-mix(in srgb, var(--ink,#000) 35%, transparent);border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:700;line-height:1.3}.pl-icon{width:2.25rem;height:2.25rem;font:inherit;color:inherit;border:1px solid color-mix(in srgb, currentColor 30%, transparent);cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:inline-grid}.pl-icon:hover:not(:disabled){background:color-mix(in srgb, currentColor 14%, transparent)}.pl-icon:disabled{opacity:.35;cursor:not-allowed}.pl-icon[aria-pressed=true],.pl-icon[aria-expanded=true]{background:color-mix(in srgb, currentColor 22%, transparent)}.pl-icon svg{pointer-events:none}.pl-swatch__actions .pl-icon,.pl-grad .pl-icon{color:var(--p-ink)}.pl-adjust{border-top:1px solid var(--p-line);gap:.35rem;padding-top:.4rem;display:grid}.pl-adjust__row{grid-template-columns:2.6rem 1fr 3.6rem;align-items:center;gap:.4rem;font-size:.8rem;display:grid}.pl-adjust input[type=range]{width:100%;min-height:1.75rem;accent-color:var(--p-accent)}.pl-adjust output{text-align:right;color:var(--p-dim);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.pl-grad{background:var(--p-panel);border:2px solid var(--p-accent);border-radius:12px;gap:.9rem;padding:1rem;display:grid}.pl-grad__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pl-grad__actions{flex-wrap:wrap;gap:.5rem;display:flex}.pl-grad__preview{border:1px solid var(--p-line);background:var(--g), repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;border-radius:10px;height:clamp(8rem,22vh,13rem)}.pl-grad__pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--p-field);border:1px solid var(--p-line);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.82rem;overflow-x:auto}.pl-grad__code{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.pl-grad__note{color:var(--p-danger);margin:0;font-size:.85rem}.pl-grad__note:empty{display:none}.pl-grad__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));align-items:end;gap:.75rem 1rem;display:grid}.pl-grad__field{color:var(--p-dim);gap:.25rem;font-size:.8rem;display:grid}.pl-grad__field--range{grid-template-columns:1fr auto}.pl-grad__field--range label{grid-column:1}.pl-grad__field--range input{grid-area:2/1/auto/-1}.pl-grad__field--range .pl-grad__out{grid-area:1/2}.pl-grad__field input[type=range]{width:100%;min-height:1.75rem;accent-color:var(--p-accent)}.pl-grad__out{color:var(--p-ink);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.pl-grad__check{align-items:center;gap:.5rem;min-height:2.75rem;font-size:.9rem;display:flex}.pl-grad__check input{width:1.25rem;height:1.25rem;accent-color:var(--p-accent)}.pl-grad__sub{text-transform:uppercase;letter-spacing:.06em;color:var(--p-dim);margin:.25rem 0 0;font-size:.85rem}.pl-grad__stops{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.pl-grad__stop{background:var(--p-field);border:1px solid var(--p-line);border-radius:10px;align-content:start;gap:.5rem;padding:.75rem;display:grid}.pl-grad__stop-head{align-items:center;gap:.5rem;display:flex}.pl-grad__stop-head strong{margin-right:auto}.pl-grad__stop-tools{gap:.25rem;display:flex}.pl-grad__chip{border:1px solid var(--p-line);background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;border-radius:6px;width:1.75rem;height:1.75rem}.pl-grad__stop-color{gap:.4rem;display:grid}.pl-grad__value{width:100%;min-height:2.75rem;color:var(--p-ink);background:var(--p-panel);border:1px solid var(--p-line);border-radius:8px;padding:.4rem .55rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem}.pl-grad__value[aria-invalid=true]{border-color:var(--p-danger)}.pl-grad__palette{color:var(--p-dim);flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.pl-grad__palette span{margin-right:.25rem}.pl-grad__pick{border:1px solid var(--p-line);cursor:pointer;background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;border-radius:50%;width:1.75rem;height:1.75rem;padding:0}.pl-grad__pick:hover{outline:2px solid var(--p-accent);outline-offset:1px}.pl-presets{background:var(--p-panel);border:1px solid var(--p-line);border-radius:12px;gap:.6rem;padding:.75rem .75rem .5rem;display:grid}.pl-presets__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.pl-presets__count{color:var(--p-dim);margin-left:.35rem;font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.85rem;font-weight:400}.pl-presets__filters{flex-wrap:wrap;gap:.35rem;display:flex}.pl-presets__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));gap:.5rem;margin:0;padding:.15rem;list-style:none;display:grid}.pl-chip{min-height:2.25rem;font:inherit;color:var(--p-ink);background:var(--p-field);border:1px solid var(--p-line);cursor:pointer;border-radius:999px;padding:.3rem .85rem;font-size:.9rem}.pl-chip:hover{border-color:var(--p-accent)}.pl-chip[aria-pressed=true]{color:var(--p-accent-ink);background:var(--p-accent);border-color:var(--p-accent);font-weight:700}.pl-preset{width:100%;font:inherit;text-align:left;color:var(--p-ink);background:var(--p-field);border:1px solid var(--p-line);cursor:pointer;border-radius:10px;gap:.35rem;padding:.5rem;display:grid}.pl-preset:hover{border-color:var(--p-accent);box-shadow:0 0 0 1px var(--p-accent)}.pl-preset[aria-pressed=true]{border-color:var(--p-accent);box-shadow:0 0 0 2px var(--p-accent);background:color-mix(in oklab, var(--p-accent) 8%, var(--p-field))}.pl-preset.is-modified{box-shadow:0 0 0 1px var(--p-accent);border-style:dashed}.pl-preset__strip{background:repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;border-radius:7px;height:2.5rem;display:flex;overflow:hidden}.pl-preset__swatch{background:var(--c);flex:1}.pl-preset__name{flex-wrap:wrap;align-items:center;gap:.25rem .4rem;font-size:.95rem;font-weight:700;display:flex}.pl-preset__state{color:var(--p-accent-ink);background:var(--p-accent);border-radius:999px;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.pl-preset__state:empty{display:none}.pl-preset__state:before{content:"✓ "}.pl-preset__tags{color:var(--p-dim);font-size:.72rem;line-height:1.3}.pl-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pl-seg{display:flex}.pl-seg button{min-height:2.5rem;font:inherit;color:var(--p-ink);background:var(--p-field);border:1px solid var(--p-line);cursor:pointer;padding:.3rem .9rem;font-size:.9rem}.pl-seg button:first-child{border-radius:8px 0 0 8px}.pl-seg button:last-child{border-left:0;border-radius:0 8px 8px 0}.pl-seg button[aria-pressed=true]{color:var(--p-accent-ink);background:var(--p-accent);border-color:var(--p-accent);font-weight:700}.pl-grad__preview{touch-action:none;cursor:zoom-in;position:relative}.pl-grad-fs{z-index:3000;background:var(--g), repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;cursor:zoom-out;place-items:end center;padding:1.5rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.pl-grad-fs:focus{outline:none}.pl-grad-fs__bar{z-index:1;cursor:default;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:100%;display:flex;position:relative}.pl-grad-fs__hint,.pl-grad-fs__toggle{color:#fff;background:#0009;border:1px solid #ffffff59;border-radius:999px;margin:0;padding:.45rem .9rem;font:600 .85rem/1.2 Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pl-grad-fs__toggle{cursor:pointer}.pl-grad-fs__toggle:hover{background:#000000c7}.pl-grad-fs__toggle:focus-visible{outline-offset:2px;outline:3px solid #fff}.pl-grad-fs__bar,.pl-grad-fs .pl-grad__handle{opacity:0;visibility:hidden}@media (prefers-reduced-motion:no-preference){.pl-grad-fs__bar,.pl-grad-fs .pl-grad__handle{transition:opacity .45s,visibility 0s linear .45s}}.pl-grad-fs.is-awake .pl-grad-fs__bar,.pl-grad-fs.is-awake .pl-grad__handle{opacity:1;visibility:visible}.pl-grad-fs:has(:focus-visible) .pl-grad-fs__bar{opacity:1;visibility:visible}.pl-grad-fs:has(:focus-visible) .pl-grad__handle{opacity:1;visibility:visible}@media (prefers-reduced-motion:no-preference){.pl-grad-fs.is-awake .pl-grad-fs__bar,.pl-grad-fs.is-awake .pl-grad__handle{transition:opacity .2s,visibility}.pl-grad-fs:has(:focus-visible) .pl-grad-fs__bar{transition:opacity .2s,visibility}.pl-grad-fs:has(:focus-visible) .pl-grad__handle{transition:opacity .2s,visibility}}.pl-grad-fs.is-handles-off .pl-grad__handle{opacity:0;visibility:hidden}.pl-grad-fs:not(.is-awake){cursor:none}.pl-grad-fs .pl-grad__handle{width:2.4rem;height:2.4rem}.pl-grad-fs .pl-grad__handle:focus-visible{outline-color:#fff}.pv,.pv [data-pv-role]{cursor:pointer}.pv .pv-picked{outline:3px solid var(--p-accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.pv .pv-picked{animation:.9s cubic-bezier(.16,1,.3,1) pl-picked}}.pv.pv-picked{outline-offset:-3px}@keyframes pl-picked{0%{outline-offset:10px}}.pl-swatch.is-highlight{border-color:var(--p-accent);box-shadow:0 0 0 3px var(--p-accent)}@media (prefers-reduced-motion:no-preference){.pl-swatch.is-highlight{animation:.8s cubic-bezier(.16,1,.3,1) 2 pl-highlight}}@keyframes pl-highlight{50%{box-shadow:0 0 0 7px color-mix(in oklab, var(--p-accent) 45%, transparent)}}.pl-grad__handle{background:linear-gradient(var(--c,transparent), var(--c,transparent)), repeating-conic-gradient(#c8c8d0 0 25%, #f2f2f6 0 50%) 0 0/16px 16px;cursor:grab;border:3px solid #fff;border-radius:50%;width:1.9rem;height:1.9rem;padding:0;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #0000008c,0 4px 12px #00000059}.pl-grad__handle:active{cursor:grabbing}.pl-grad__handle:focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}.pl-grad__hint{color:var(--p-dim);margin:0;font-size:.85rem}.pl-grad__stop--base{border-style:dashed}.pl-wcag{color:var(--p-dim);margin:0;font-size:.85rem}.pv{--pv-radius:12px;--pv-soft:color-mix(in oklab, var(--pv-text) 68%, var(--pv-bg-solid));--pv-line:color-mix(in oklab, var(--pv-text) 18%, transparent);color:var(--pv-text);background:var(--pv-bg);border:1px solid var(--p-line);border-radius:14px;gap:clamp(1rem,2.5vw,1.75rem);padding:clamp(.75rem,2vw,1.25rem);font-family:Josefin Sans,Josefin Sans Fallback,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:grid;overflow:hidden;container:pv/inline-size}.pv__header{color:var(--pv-surface-text);background:var(--pv-surface);border:1px solid var(--pv-line);border-radius:var(--pv-radius);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.6rem .9rem;display:flex}.pv__logo{letter-spacing:.02em;align-items:center;gap:.5rem;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:900;display:inline-flex}.pv__logo-mark{background:var(--pv-accent);border-radius:6px;width:1.4rem;height:1.4rem}.pv__nav{flex-wrap:wrap;gap:.25rem 1.1rem;margin:0 auto 0 0;padding:0;font-weight:600;list-style:none;display:flex}.pv__nav li{opacity:.8;border-bottom:2px solid #0000;padding:.35rem 0}.pv__nav .is-active{opacity:1;border-bottom-color:var(--pv-accent-text);color:var(--pv-accent-text)}.pv__hero{color:var(--pv-hero-text);background:var(--pv-hero);border-radius:calc(var(--pv-radius) + 4px);--pv-soft:color-mix(in oklab, var(--pv-hero-text) 80%, transparent);justify-items:start;gap:.75rem;padding:clamp(1.25rem,5vw,3.5rem);display:grid}.pv__badge{text-transform:uppercase;letter-spacing:.1em;color:var(--pv-accent2-ink);background:var(--pv-accent2);border-radius:999px;padding:.3rem .75rem;font-size:.75rem;font-weight:700}.pv__title{max-width:18ch;margin:0;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(1.5rem,6.5cqi,3.2rem);font-weight:900;line-height:1.05}.pv__lead{max-width:46ch;color:var(--pv-soft);margin:0;font-size:1.05rem}.pv__buttons{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0 0;display:flex}.pv__btn{box-sizing:border-box;white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 1.25rem;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.92rem;font-weight:800;line-height:1;display:inline-flex}@supports (text-box:trim-both cap alphabetic){.pv__btn{text-box:trim-both cap alphabetic}}.pv__btn--primary{color:var(--pv-accent-ink);background:var(--pv-accent) border-box}.pv__btn--secondary{color:currentColor;background:0 0;border-color:currentColor}.pv__btn--tertiary{color:var(--pv-accent-text);text-underline-offset:.3em;padding-inline-start:.25rem;padding-inline-end:.25rem;text-decoration:underline;text-decoration-thickness:2px}.pv__btn--sm{min-height:2.25rem;padding-inline-start:.95rem;padding-inline-end:.95rem;font-size:.82rem}.pv__btn--lg{min-height:3.25rem;padding-inline-start:1.6rem;padding-inline-end:1.6rem;font-size:1rem}.pv__btn--tertiary.pv__btn--sm,.pv__btn--tertiary.pv__btn--lg{padding-inline-start:.25rem;padding-inline-end:.25rem}.pv__btn.is-disabled{opacity:.4;filter:grayscale(.6)}.pv__section{border:1px solid var(--pv-line);border-radius:var(--pv-radius);gap:.75rem;padding:1rem;display:grid}.pv__h{margin:0;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:800}.pv__btn-grid{gap:.75rem;display:grid}.pv__btn-row{flex-wrap:wrap;align-items:center;gap:.6rem .8rem;display:flex}.pv__btn-label{text-transform:uppercase;letter-spacing:.08em;width:8.5rem;color:var(--pv-soft);font-size:.8rem}.pv__hero .pv__btn--tertiary{color:var(--pv-hero-text)}.pv__section .pv__btn--secondary{color:var(--pv-accent2-text)}.pv__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.pv__card{color:var(--pv-surface-text);background:var(--pv-surface);border:1px solid var(--pv-line);border-radius:var(--pv-radius);align-content:start;justify-items:start;gap:.55rem;padding:.75rem .75rem 1rem;display:grid}.pv__media{aspect-ratio:16/9;border-radius:calc(var(--pv-radius) - 4px);width:100%}.pv__media--1{background:var(--pv-media-1)}.pv__media--2{background:var(--pv-media-2)}.pv__media--3{background:var(--pv-media-3)}.pv__tag{color:var(--pv-accent2-text);border:1px solid;border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:700}.pv__card-title{margin:0;font-family:Montserrat,Montserrat Fallback,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.1rem;font-weight:800}.pv__card-text{opacity:.8;margin:0;font-size:.92rem}.pv__footer{color:var(--pv-soft);border-top:1px solid var(--pv-line);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1rem;font-size:.85rem;display:flex}.pl-strip{border:1px solid var(--p-line);border-radius:10px;height:2.5rem}@media (max-width:47.99rem){.palette__actions{margin-left:0}.palette__list{grid-template-columns:1fr}.pl-swatch{grid-template-rows:none;grid-template-columns:minmax(6.5rem,36%) 1fr}.pl-swatch__chip{min-height:9rem}.pl-swatch__badges{justify-content:flex-start;margin:0}.pl-swatch__index{font-size:1.2rem}.pl-icon--prev svg,.pl-icon--next svg{transform:rotate(90deg)}.pv__btn-label{width:100%}}@container pv (width<=34rem){.pv__header{gap:.5rem 1rem}.pv__nav{order:3;width:100%;margin:0}.pv__hero{padding:1.25rem}.pv__btn-label{width:100%}}.xp__stage.is-fs .palette{border-radius:0;flex:1;min-height:0;overflow:hidden auto}@media (min-width:64rem){.xp__stage.is-fs .palette{grid-template-columns:minmax(0,1.2fr) minmax(22rem,1fr);grid-template-areas:"main preview""foot foot";align-items:start;column-gap:1.25rem}.xp__stage.is-fs .palette__main{grid-area:main}.xp__stage.is-fs .palette__foot{grid-area:foot}.xp__stage.is-fs .palette__preview{overscroll-behavior:contain;grid-area:preview;max-height:calc(100dvh - 5rem);padding-right:.25rem;position:sticky;top:0;overflow-y:auto}}