@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/store/assets/mona-sans-vietnamese-standard-normal-Rd0aZl9c.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/store/assets/mona-sans-latin-ext-standard-normal-CQ1tG6In.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/store/assets/mona-sans-latin-standard-normal-BMVx8nn_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/store/assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2)format("woff2"),url(/store/assets/fragment-mono-latin-400-normal-BYwT3kSJ.woff)format("woff")}@property --accent{syntax:"<color>";inherits:true;initial-value:#1e2bff}:root{--ink:#0a0a0b;--ink-2:#121216;--bone:#efece6;--bone-dim:#a9a6a0;--accent:#1e2bff;--line:#efece61f;--pad:clamp(18px, 4vw, 56px);--sans:"Mona Sans Variable", system-ui, sans-serif;--mono:"Fragment Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--snap:cubic-bezier(.2, 1.25, .4, 1);transition:--accent .7s var(--ease)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased}body{font-family:var(--sans);min-height:100vh;font-stretch:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bone)}.bar{z-index:10;padding:22px var(--pad) 34px;background:linear-gradient(#0a0a0be0 0%,#0a0a0b8c 60%,#0a0a0b00 100%);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:.16em;font-size:12.5px;font-weight:720;font-stretch:125%}.nav{align-items:center;gap:clamp(14px,3vw,34px);font-size:14px;display:flex}.nav a{opacity:.8;transition:opacity .3s var(--ease)}.nav a:hover{opacity:1}.buy-mini{font-family:var(--mono);border:1px solid;padding:8px 12px;font-size:13px;opacity:1!important}.hero{min-height:100svh;padding:0 var(--pad) clamp(28px, 6vh, 64px);grid-template-columns:repeat(12,1fr);align-items:end;display:grid;position:relative}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-copy{z-index:2;pointer-events:none;grid-column:1/span 6;position:relative}.hero-copy .cta-row,.hero-copy a,.hero-copy button{pointer-events:auto}.kicker{letter-spacing:.06em;color:var(--bone-dim);margin-bottom:18px;font-size:12.5px}h1{letter-spacing:-.035em;font-size:clamp(46px,7vw,120px);font-weight:820;font-stretch:118%;line-height:.9}.lede{color:#d9d6cf;max-width:31em;margin-top:26px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.55}.cta-row{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.cta{font:640 17px var(--sans);color:var(--bone);background:var(--accent);cursor:pointer;transition:transform .4s var(--ease);border:0;padding:18px 28px;position:relative;overflow:hidden}.cta:after{content:"";width:30%;height:140%;transition:left .7s var(--ease);background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;top:-20%;left:-40%;transform:rotate(18deg)}.cta:hover:after{left:120%}.cta:active{transform:scale(.97)}.ghost{border:1px solid var(--line);transition:border-color .3s var(--ease);align-items:center;padding:18px 22px;font-size:16px;display:inline-flex}.ghost:hover{border-color:var(--bone)}.meta{letter-spacing:.02em;color:var(--bone-dim);margin-top:26px;font-size:12px;line-height:1.7}.cw{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.cw-lbl{color:var(--bone-dim);min-width:12.5em;font-size:12px}.cw-lbl [data-cw-name]{color:var(--bone)}.cw-row{gap:8px;display:flex}.cw-row button{cursor:pointer;background:var(--c);width:30px;height:30px;transition:transform .35s var(--snap), box-shadow .35s var(--ease);border:0;border-radius:50%;box-shadow:0 0 0 1px #efece62e}.cw-row button:hover{transform:scale(1.12)}.cw-row button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--bone)}@media (width<=820px){.hero{grid-template-columns:1fr;align-items:end}.hero-copy{grid-column:1;padding-top:58svh}h1{font-size:clamp(40px,12.4vw,84px)}.nav a:not(.buy-mini){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}section:not(.hero){padding:clamp(80px, 12vw, 160px) var(--pad) 0}.sect-head{max-width:900px;margin-bottom:clamp(28px,4vw,48px)}h2{letter-spacing:-.035em;font-size:clamp(36px,5.4vw,84px);font-weight:780;font-stretch:112%;line-height:.94}.sect-lede{color:#cfccc5;max-width:36em;margin-top:18px;font-size:17px;line-height:1.55}.sect-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.chips{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.chip{font:520 15px var(--sans);color:var(--bone);border:1px solid var(--line);cursor:pointer;transition:border-color .3s var(--ease), background .3s var(--ease);background:0 0;padding:10px 16px}.chip span{color:var(--bone-dim);font-size:12px;font-family:var(--mono);margin-left:6px}.chip:hover{border-color:var(--bone)}.chip.is-on{background:var(--bone);color:var(--ink);border-color:var(--bone)}.chip.is-on span{color:#55534e}.grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;display:grid}.card{aspect-ratio:9/16;background:#0e0e11;position:relative;overflow:hidden}.card video,.card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card img{transition:opacity .4s var(--ease)}.card.is-playing img{opacity:0}.card .lbl{pointer-events:none;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.card .lbl .code{font-family:var(--mono);background:var(--accent);white-space:nowrap;flex-shrink:0;padding:3px 6px}.card .lbl .nm{text-shadow:0 2px 10px #0009}.card .hit{font:11px var(--mono);color:var(--bone-dim);pointer-events:none;background:#0a0a0b99;padding:3px 6px;position:absolute;top:10px;right:10px}.card[hidden]{display:none}.bento{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.tile{background:#0e0e11;grid-template-rows:auto 1fr;min-height:230px;display:grid;position:relative;overflow:hidden}.tile.span2{grid-column:span 2}.t-lbl{color:var(--bone-dim);align-items:center;gap:10px;padding:14px 16px 0;font-size:11.5px;display:flex}.t-lbl span{color:var(--bone)}.t-stage{place-items:center;padding:18px;display:grid;position:relative}.k-ripple{border:2px solid var(--bone);pointer-events:none;width:140px;height:140px;animation:ripple .55s var(--ease) forwards;border-radius:50%;margin:-70px 0 0 -70px;position:absolute}@keyframes ripple{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(1.3)}}.k-btn{font:640 19px var(--sans);color:var(--bone);background:var(--accent);cursor:pointer;transition:transform .3s var(--snap), background .3s var(--ease), color .3s var(--ease);border:0;border-radius:999px;align-items:center;gap:10px;padding:17px 30px 17px 26px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.k-btn:active{transform:scale(.94)}.k-btn.is-done{background:var(--bone);color:var(--ink)}.k-btn .k-ic{display:grid}.draw path,.draw circle,.draw rect{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .5s 80ms var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.k-toggle{cursor:pointer;width:96px;height:56px;transition:background .3s var(--ease);background:#efece633;border:0;border-radius:28px;position:relative;overflow:visible}.k-toggle[aria-checked=true]{background:var(--accent)}.k-toggle .knob{background:var(--bone);width:46px;height:46px;transition:transform .45s var(--snap);border-radius:50%;position:absolute;top:5px;left:5px;box-shadow:0 4px 12px #00000059}.k-toggle[aria-checked=true] .knob{transform:translate(40px)}.k-toggle.squash .knob{animation:squash .45s var(--ease)}@keyframes squash{40%{width:58px}}.k-toggle[aria-checked=true].squash .knob{animation-name:squash-r}@keyframes squash-r{40%{width:58px;margin-left:-12px}}.k-check{border:3px solid var(--bone);width:64px;height:64px;color:var(--bone);cursor:pointer;transition:background .25s var(--ease), border-color .25s var(--ease), transform .35s var(--snap);background:0 0;border-radius:14px;place-items:center;display:grid}.k-check svg{opacity:0}.k-check[aria-checked=true]{background:var(--accent);border-color:var(--accent);transform:scale(1.06)}.k-check[aria-checked=true] svg{opacity:1}.k-check:active{transform:scale(.92)}.k-search{cursor:pointer;width:min(420px,100%)}.k-search .sbar{background:var(--bone);color:var(--ink);border-radius:999px;align-items:center;gap:12px;min-height:52px;padding:14px 20px;font-size:17px;display:flex;box-shadow:0 16px 40px #00000059}.k-search .caret{background:var(--accent);width:2px;height:20px;margin-left:-8px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.k-search .sugg{background:#efece6f2;border-radius:18px;margin-top:8px;list-style:none;overflow:hidden}.k-search .sugg:empty{display:none}.k-search li{color:#0a0a0b8c;opacity:0;animation:rise .35s calc(var(--i) * 70ms) var(--ease) forwards;align-items:center;gap:12px;padding:9px 20px;font-size:15px;display:flex}.k-search li b{color:var(--ink);font-weight:620}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.k-heart{align-items:center;gap:14px;display:flex;position:relative}.k-heart .hb{border:1px solid var(--line);width:72px;height:72px;color:var(--bone);cursor:pointer;transition:transform .3s var(--snap);background:#efece60f;border-radius:50%;place-items:center;display:grid}.k-heart .hb.is-on{color:var(--accent)}.k-heart .hb.is-on path{fill:var(--accent)}.k-heart .hb.pop{animation:pop .45s var(--snap)}@keyframes pop{30%{transform:scale(.82)}70%{transform:scale(1.14)}}.k-heart .count{color:var(--bone-dim);font-size:15px}.k-heart .float{color:var(--accent);pointer-events:none;animation:floatup 1.3s var(--ease) forwards;position:absolute;top:20px;left:26px}.k-heart .float.bone{color:var(--bone)}.k-heart .float path{fill:currentColor}@keyframes floatup{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}to{transform:translate(var(--dx), -150px) scale(1.1) rotate(var(--rot));opacity:0}}.k-stars{gap:4px;display:flex}.k-stars button{color:var(--bone);cursor:pointer;transition:transform .3s var(--snap);background:0 0;border:0;padding:4px}.k-stars button.on{color:var(--accent);transform:scale(1.12)}.k-stars button.on path{fill:var(--accent)}.k-stars button.set{animation:pop .45s var(--d) var(--snap)}.k-slider{width:min(420px,100%);padding-top:30px;position:relative}.k-slider output{font-size:14px;position:absolute;top:0;transform:translate(-50%)}.k-slider input{appearance:none;background:linear-gradient(90deg, var(--accent) var(--v,64%), #efece633 var(--v,64%));outline-offset:8px;border-radius:4px;width:100%;height:8px}.k-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bone);cursor:grab;width:32px;height:32px;transition:transform .25s var(--snap);border-radius:50%;box-shadow:0 6px 16px #00000073}.k-slider input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.18)}.k-slider input::-moz-range-thumb{background:var(--bone);cursor:grab;border:0;border-radius:50%;width:32px;height:32px}.k-toast-host{place-items:end center;padding-bottom:36px;display:grid;position:absolute;inset:0}.k-toast{background:var(--bone);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:9px 18px 9px 10px;font-size:15px;font-weight:620;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%,-90px);box-shadow:0 14px 34px #0006}.k-toast .dot{background:var(--accent);width:26px;height:26px;color:var(--bone);border-radius:50%;place-items:center;display:grid}.k-toast.show{animation:toast 1.9s var(--ease) forwards}@keyframes toast{0%{transform:translate(-50%,-90px)}18%,80%{transform:translate(-50%)}to{transform:translate(-50%,-90px)}}.k-mini{font:600 15px var(--sans);color:var(--bone);border:1px solid var(--line);cursor:pointer;transition:border-color .3s var(--ease);background:0 0;padding:12px 18px;position:relative;overflow:hidden}.k-mini:hover{border-color:var(--bone)}.k-loaders{align-items:center;gap:40px;display:flex}.k-loaders .spin{animation:1s linear infinite spin}.k-loaders .spin circle{fill:none;stroke:#efece62e;stroke-width:5px}.k-loaders .spin .arc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:.3 1;animation:arc 1.6s var(--ease) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arc{50%{stroke-dasharray:.7 1}}.k-loaders .dots{gap:9px;display:flex}.k-loaders .dots i{background:var(--bone);width:14px;height:14px;animation:bob 1s var(--ease) infinite;border-radius:50%}.k-loaders .dots i:nth-child(2){background:var(--accent);animation-delay:.13s}.k-loaders .dots i:nth-child(3){animation-delay:.26s}@keyframes bob{30%{transform:translateY(-12px)}60%{transform:none}}.k-cursor{cursor:none;touch-action:none;position:absolute;inset:0}.k-cursor .target{border:1px dashed #efece62e;place-items:center;display:grid;position:absolute;inset:22px}.k-cursor .target span{color:var(--bone-dim);font-size:14px}.k-cursor .arrow{transition:left .12s var(--ease), top .12s var(--ease);filter:drop-shadow(0 8px 14px #00000080);transform-origin:20% 12%;margin:-4px 0 0 -6px;position:absolute}.k-cursor .arrow path{fill:var(--bone);stroke:var(--ink);stroke-width:1.1px;stroke-linejoin:round}.k-cursor .arrow.press{animation:press .3s var(--ease)}@keyframes press{35%{transform:scale(.82)}}.k-cursor .k-ripple{border-color:var(--accent);border-width:3px}.k-volume{border:1px solid var(--line);background:#0a0a0bcc;border-radius:999px;align-items:center;gap:18px;padding:16px 26px;display:flex}.k-volume .bars{cursor:pointer;touch-action:none;align-items:flex-end;gap:6px;padding:6px 0;display:flex}.k-volume .bars i{width:12px;height:var(--h);transition:background .2s var(--ease), transform .3s var(--snap);background:#efece633;border-radius:3px}.k-volume .bars i.on{background:var(--accent)}.icon-wall{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:1px;display:grid}.ic{aspect-ratio:1;background:var(--ink);color:var(--bone);cursor:pointer;transition:color .3s var(--ease), background .3s var(--ease);border:0;align-content:center;place-items:center;gap:10px;display:grid}.ic span{color:var(--bone-dim);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);font-size:10px;transform:translateY(4px)}.ic:hover,.ic:focus-visible{color:var(--accent);background:#121218}.ic:hover span,.ic:focus-visible span{opacity:1;transform:none}.ic svg path,.ic svg circle,.ic svg rect{stroke-dasharray:1;stroke-dashoffset:1px}.icon-wall.in .ic svg path,.icon-wall.in .ic svg circle,.icon-wall.in .ic svg rect{animation:draw .9s var(--d) var(--ease) forwards}.icon-wall.in .ic.drawn svg path,.icon-wall.in .ic.drawn svg circle,.icon-wall.in .ic.drawn svg rect{animation:redraw .6s var(--ease) forwards}@keyframes redraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.icon-note{color:var(--bone-dim);margin-top:18px;font-size:12px}.where-cols{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.where-card{background:var(--ink);padding:clamp(22px,3vw,40px)}.where-card .tag{color:var(--bone-dim);margin-bottom:14px;font-size:12px}.where-card .tag:before{content:"";background:var(--accent);width:8px;height:8px;margin-right:10px;display:inline-block}.where-card h3{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(22px,2.2vw,30px);font-weight:650;font-stretch:106%;line-height:1.15}.steps{color:#d9d6cf;gap:12px;padding-left:18px;line-height:1.5;display:grid}.steps strong{color:var(--bone);font-weight:620}.note{color:var(--bone-dim);margin-top:18px;font-size:12px}.get-box{border:1px solid var(--line);grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;padding:clamp(24px,4vw,56px);display:grid;position:relative;overflow:hidden}.get-box:before{content:"";background:linear-gradient(135deg, var(--accent), transparent 62%);opacity:.2;pointer-events:none;position:absolute;inset:0}.get-box>*{position:relative}.ticks{gap:12px;margin-top:26px;font-size:17px;list-style:none;display:grid}.ticks li:before{content:"";background:var(--accent);width:10px;height:10px;margin-right:14px;display:inline-block;transform:translateY(-1px)}.get-cta{gap:14px;display:grid}.cta-lg{width:100%;padding:24px 28px;font-size:19px}.fine{color:var(--bone-dim);font-size:13px;line-height:1.5}.fine a{text-underline-offset:3px;text-decoration:underline}.faq-list{border-top:1px solid var(--line);max-width:980px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:22px 40px 22px 0;font-size:clamp(18px,1.6vw,22px);font-weight:620;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--mono);color:var(--bone-dim);transition:transform .3s var(--ease);font-size:24px;position:absolute;top:18px;right:4px}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{color:#d2cfc8;max-width:46em;padding:0 0 24px;line-height:1.6}.foot{padding:40px var(--pad) 50px;border-top:1px solid var(--line);gap:22px;margin-top:clamp(90px,12vw,160px);display:grid}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.foot-top p{color:var(--bone-dim);font-size:13px}.foot-top a:not(.wordmark){text-underline-offset:3px;text-decoration:underline}.foot-links{color:var(--bone-dim);flex-wrap:wrap;gap:20px;font-size:14px;display:flex}.foot-links a:hover{color:var(--bone)}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.grid{grid-template-columns:repeat(2,1fr)}.where-cols,.get-box{grid-template-columns:1fr}.tile{min-height:190px}.icon-wall{grid-template-columns:repeat(5,1fr)}.ic span{display:none}}@media (width<=520px){.bento{grid-template-columns:1fr 1fr}.tile.span2{grid-column:span 2}.k-btn{padding:15px 24px 15px 20px;font-size:17px}.k-stars{gap:0}.k-stars svg{width:24px;height:24px}}.buy-dialog{border:1px solid var(--line);color:var(--bone);background:#0e0e11;width:min(520px,100vw - 32px);margin:auto;padding:0}.buy-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508b8}.buy-form{gap:16px;padding:clamp(24px,5vw,40px);display:grid;position:relative}.buy-form .x{color:var(--bone-dim);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:10px;right:14px}.buy-title{font-size:clamp(28px,5vw,38px);line-height:1}.field{color:var(--bone-dim);gap:8px;font-size:13px;display:grid}.field input{font:400 18px var(--sans);color:var(--bone);border:1px solid var(--line);background:#16161b;padding:16px}.field input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.err{color:#ffb0a8;font-size:14px}.cta:disabled{opacity:.6;cursor:progress}.page{max-width:820px;padding:130px var(--pad) 40px;margin:0 auto}.page h1{font-size:clamp(40px,7vw,84px)}.page .lede{margin-top:20px}.dl-list{gap:12px;margin-top:30px;display:grid}.dl{border:1px solid var(--line);transition:border-color .3s var(--ease);background:#0e0e11;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.dl:hover{border-color:var(--bone)}.dl strong{font-size:18px}.dl .mono{color:var(--bone-dim);font-size:12px}.dl .dot{vertical-align:1px;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.dl[aria-disabled=true]{opacity:.5;pointer-events:none}.dl .go{background:var(--accent);white-space:nowrap;padding:12px 16px;font-weight:620}.facts{color:var(--bone-dim);gap:6px;margin-top:26px;font-size:13px;display:grid}.prose h2{letter-spacing:-.02em;margin:34px 0 10px;font-size:clamp(22px,3vw,30px);line-height:1.15}.prose p,.prose li{color:#d2cfc8;line-height:1.65}.prose ul{gap:6px;padding-left:20px;display:grid}.cw-inline{margin:-10px 0 22px}.beat-box{background:var(--line);border:1px solid var(--line);grid-template-columns:minmax(240px,380px) 1fr;gap:1px;display:grid}.beat-stage{aspect-ratio:9/16;background:#0e0e11;position:relative;overflow:hidden}.beat-stage video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.beat-stage video.on{opacity:1}.beat-stage:after{content:"";box-shadow:inset 0 0 0 0 var(--accent);pointer-events:none;position:absolute;inset:0}.beat-stage.pulse:after{animation:beatpulse .38s var(--ease)}@keyframes beatpulse{0%{box-shadow:inset 0 0 0 6px var(--accent)}to{box-shadow:inset 0 0 0 0 var(--accent)}}.beat-side{background:var(--ink);align-content:start;gap:26px;padding:clamp(20px,3vw,40px);display:grid}.beat-ctl{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.beat-play{align-items:center;gap:10px;display:inline-flex}.beat-play .bic{display:grid}.beat-play.is-on{background:var(--bone);color:var(--ink)}.bpm{align-items:center;gap:6px;display:flex}.bpm button{font:13px var(--mono);color:var(--bone);border:1px solid var(--line);cursor:pointer;background:0 0;padding:9px 11px}.bpm button[aria-pressed=true]{background:var(--bone);color:var(--ink);border-color:var(--bone)}.bpm span{color:var(--bone-dim);margin-left:6px;font-size:12px}.beat-list{border-top:1px solid var(--line);list-style:none}.beat-list li{border-bottom:1px solid var(--line);color:var(--bone-dim);transition:color .3s var(--ease), background .3s var(--ease);grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:14px 4px;display:grid}.beat-list li .code,.beat-list li .t{font-size:12px}.beat-list li.on{color:var(--bone);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%)}.beat-list li.on .code{color:var(--bone)}.beat-bar{grid-template-columns:repeat(16,1fr);gap:4px;height:34px;display:grid;position:relative}.beat-bar i{background:#efece61a;transition:background .12s}.beat-bar i.down{background:#efece638}.beat-bar i.on{background:var(--accent)}.beat-bar .head{background:var(--bone);width:2px;position:absolute;top:-6px;bottom:-6px;left:0}@media (width<=820px){.beat-box{background:var(--ink);grid-template-columns:1fr}.beat-stage{border:1px solid var(--line);justify-self:center;width:min(100%,38.25svh)}}.dev-row{grid-template-columns:.42fr 1fr;align-items:end;gap:clamp(16px,3vw,40px);display:grid}.dev{margin:0;position:relative}.dev img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dev .scr{background:#050506;position:absolute;overflow:hidden}.dev-phone .scr{border-radius:9%/4.2%}.dev .scr video{object-fit:cover;width:100%;height:100%;display:block}.fin button{font-family:var(--sans);font-size:14px}.editor{background:#111114;grid-template-rows:7% 1fr 24%;font-size:clamp(6px,.7vw,11px);display:grid}.ed-top{border-bottom:1px solid #efece614;align-items:center;gap:4px;padding:0 2%;display:flex}.ed-top i{background:#efece62e;border-radius:50%;width:.8em;height:.8em}.ed-top span{color:var(--bone-dim);margin-left:auto}.ed-mid{grid-template-columns:1fr auto 1fr;gap:2%;min-height:0;padding:2%;display:grid}.ed-side{background:repeating-linear-gradient(#0000 0 14%,#efece60f 14% 15%);border:1px solid #efece614}.ed-view{aspect-ratio:9/16;background:#000;height:100%;overflow:hidden}.ed-tl{border-top:1px solid #efece614;align-content:center;gap:10%;padding:3% 2%;display:grid;position:relative}.trk{height:1.6em;position:relative}.trk b{background:#3a3a42;border-radius:3px;position:absolute;top:0;bottom:0}.trk.acc b{background:var(--accent)}.ed-tl .ph{background:var(--bone);width:1.5px;animation:6s linear infinite ph;position:absolute;top:8%;bottom:8%;left:2%}@keyframes ph{to{left:98%}}@media (width<=820px){.dev-row{grid-template-columns:1fr}.dev-phone{justify-self:center;width:62%}}@media (prefers-reduced-motion:reduce){.draw path,.draw circle,.draw rect,.ic svg path,.ic svg circle,.ic svg rect{stroke-dashoffset:0}.k-search li{opacity:1}.k-toast.show{transform:translate(-50%)}}.rest{border:1px solid var(--line);border-top:0}.rest summary{cursor:pointer;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:620;list-style:none;display:flex}.rest summary::-webkit-details-marker{display:none}.rest summary .mono{color:var(--bone-dim);font-size:12px;font-weight:400}.rest-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px;padding:0 20px 18px;list-style:none;display:grid}.rest-list li{border-top:1px solid var(--line);color:#d2cfc8;grid-template-columns:70px 1fr auto;gap:10px;padding:9px 0;font-size:14px;display:grid}.rest-list li[hidden]{display:none}.rest-list .code,.rest-list .t{color:var(--bone-dim);font-size:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lic{border:0;gap:8px;display:grid}.lic label{border:1px solid var(--line);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s;display:grid}.lic label:has(input:checked){border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, transparent)}.lic input{appearance:none;border:1.5px solid var(--bone-dim);border-radius:50%;place-items:center;width:18px;height:18px;margin:0;display:grid}.lic input:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;transition:transform .2s;transform:scale(0)}.lic input:checked{border-color:var(--accent)}.lic input:checked:after{transform:scale(1)}.lic input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lic span{gap:2px;display:grid}.lic b{font-weight:640}.lic em{color:var(--bone-dim);font-size:13px;font-style:normal}.lic i{font-size:15px;font-style:normal}.code summary{cursor:pointer;color:var(--bone-dim);width:max-content;font-size:14px}.code summary:hover{color:var(--bone)}.code[open]{gap:10px;display:grid}.code[open] summary{margin-bottom:4px}.code input{text-transform:uppercase;letter-spacing:.06em;font-family:var(--mono)}.launch{color:var(--accent-ink,var(--bone));margin-top:10px;font-size:13px}.thanks{border:1px solid var(--line);max-width:640px;margin-top:30px;padding:18px 20px}.thanks .kicker{margin-bottom:6px}.thanks .code{letter-spacing:.06em;color:var(--bone);background:#16161b;padding:3px 8px;font-size:16px}.sop{display:none}html.intro .sop{z-index:400;background:var(--ink);display:block;position:fixed;inset:0;overflow:hidden}html.intro body{overflow:hidden}.sop-in{flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,48px);display:flex;position:absolute;inset:0}.sop-top{letter-spacing:.08em;color:var(--bone-dim);opacity:0;justify-content:space-between;gap:16px;font-size:12px;display:flex;transform:translateY(-8px)}.sop-num{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--bone);margin-top:auto;font-size:min(46vw,62vh);font-weight:820;font-stretch:125%;line-height:.8}.sop-sub{color:var(--bone-dim);opacity:0;margin-top:18px;font-size:13px}html.sop-run .sop-top{opacity:1;transition:opacity .5s .1s,transform .7s cubic-bezier(.16,1,.3,1) .1s;transform:none}html.sop-run .sop-sub{opacity:1;transition:opacity .5s .35s}.sop-band{height:25.2%;left:0;right:0;top:calc(var(--i) * 25%);background:var(--c);transform-origin:0;will-change:transform;position:absolute;transform:scaleX(0)}html.sop-cover .sop-band{transition:transform .48s cubic-bezier(.76,0,.24,1) var(--d);transform:scaleX(1)}html.sop-out .sop{pointer-events:none;background:0 0}html.sop-out .sop-in{visibility:hidden}html.sop-out .sop-band{transform-origin:100%;transition:transform .6s cubic-bezier(.76,0,.24,1) var(--o);transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.sop{display:none!important}}@media (width<=600px){.sop-top{font-size:10.5px}.sop-top span{white-space:nowrap}.sop-num{font-size:56vw}}.lic .hexrow{cursor:default;grid-template-columns:1fr auto auto}.lic .hexrow input[type=color]{border:1px solid var(--line);appearance:auto;background:0 0;border-radius:0;width:44px;height:32px;padding:0}.lic .hexrow input[type=color]:after{display:none}.hd-btn{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;cursor:pointer;width:62px;height:62px;transition:transform .35s var(--snap), box-shadow .35s var(--ease);background:#121216;border:0;border-radius:50%;padding:0;position:fixed;box-shadow:0 0 0 2px #f4c21b,0 0 22px #f4c21b59,0 14px 34px #0000008c}.hd-btn:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 0 0 2px #f4c21b,0 0 34px #f4c21b8c,0 18px 40px #0009}.hd-btn.is-open{opacity:0;pointer-events:none}.hd-face{border-radius:50%;width:58px;height:58px;margin:2px;display:block}.hd-live{background:#2bd46a;border:2px solid #121216;border-radius:50%;width:13px;height:13px;position:absolute;bottom:3px;right:3px}.hd-tip{white-space:nowrap;font:600 13px var(--sans);color:var(--bone);border:1px solid var(--line);pointer-events:none;animation:hdtip 6s var(--ease) 2.5s both;background:#121216f0;padding:8px 12px;position:absolute;top:50%;right:74px;transform:translateY(-50%)}@keyframes hdtip{0%{opacity:0;transform:translate(8px,-50%)}8%,70%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}.hd-btn:hover .hd-tip{opacity:1;animation:none}.hd-panel{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:41;background:var(--ink-2);width:min(380px,100vw - 24px);height:min(580px,100dvh - 90px);color:var(--bone);border:1px solid var(--line);flex-direction:column;display:flex;position:fixed;box-shadow:0 30px 80px #0000008c}.hd-panel[hidden]{display:none}.hd-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.hd-who{align-items:center;gap:11px;display:flex}.hd-headface{border-radius:50%;width:40px;height:40px;box-shadow:0 0 0 2px #f4c21b}.hd-name{letter-spacing:.08em;color:#f4c21b;font-size:15px;font-weight:800;font-stretch:118%}.hd-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim);margin-top:2px;font-size:10.5px}.hd-x{color:var(--bone);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:24px;line-height:1}.hd-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.hd-row{align-items:flex-end;gap:8px;max-width:92%;display:flex}.hd-mface{border-radius:50%;flex:none;width:26px;height:26px;box-shadow:0 0 0 1px #f4c21b99}.hd-msg{white-space:pre-wrap;overflow-wrap:anywhere;max-width:88%;padding:10px 12px;font-size:14.5px;line-height:1.5}.hd-row .hd-msg{max-width:none}.hd-bot{border:1px solid var(--line);background:#efece60f;align-self:flex-start}.hd-you{background:var(--accent);align-self:flex-end}.hd-dots{letter-spacing:.3em;animation:1s steps(3,end) infinite hddots}@keyframes hddots{50%{opacity:.35}}.hd-acts{flex-wrap:wrap;gap:8px;padding-left:34px;display:flex}.hd-act{font:600 13px var(--sans);color:var(--bone);cursor:pointer;background:0 0;border:1px solid #efece64d;padding:8px 12px}.hd-act:hover{border-color:var(--bone)}.hd-buy{background:var(--accent);border-color:var(--accent)}.hd-chips{border-top:1px solid var(--line);scrollbar-width:none;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.hd-chips::-webkit-scrollbar{display:none}.hd-chip{font:500 12.5px var(--sans);color:var(--bone);border:1px solid var(--line);cursor:pointer;background:#efece60f;border-radius:999px;flex:none;padding:7px 11px}.hd-chip:hover{border-color:#efece659}.hd-input{border-top:1px solid var(--line);display:flex}.hd-input input{min-width:0;font:15px var(--sans);color:var(--bone);background:0 0;border:0;flex:1;padding:14px 16px}.hd-input input::placeholder,.hd-ticket ::placeholder{color:var(--bone-dim)}.hd-send{font:600 13px var(--mono);color:var(--bone);border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;padding:0 16px}.hd-ticket{border:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}.hd-field{color:var(--bone-dim);flex-direction:column;gap:5px;font-size:12px;display:flex}.hd-field input,.hd-field select,.hd-field textarea{font:15px var(--sans);color:var(--bone);background:var(--ink);border:1px solid var(--line);resize:vertical;border-radius:0;padding:10px}.hd-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.hd-err{color:#ff8a7a;font-size:13px}@media (prefers-reduced-motion:reduce){.hd-btn,.hd-tip,.hd-dots{transition:none;animation:none}}