@font-face{font-family:Unbounded;font-weight:600;font-display:swap;src:url(../fonts/Unbounded-SemiBold.woff2)format("woff2")}@font-face{font-family:Unbounded;font-weight:800;font-display:swap;src:url(../fonts/Unbounded-ExtraBold.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-weight:400;font-display:swap;src:url(../fonts/SpaceGrotesk-Regular.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-weight:500;font-display:swap;src:url(../fonts/SpaceGrotesk-Medium.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-weight:700;font-display:swap;src:url(../fonts/SpaceGrotesk-Bold.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:url(../fonts/IBMPlexMono-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:500;font-display:swap;src:url(../fonts/IBMPlexMono-Medium.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600;font-display:swap;src:url(../fonts/IBMPlexMono-SemiBold.woff2)format("woff2")}:root{--paper:#0f0a1e;--paper2:#1a1230;--card:#1e1638;--ink:#f7f4ff;--ink2:#bdb3d9;--ink3:#7e74a3;--rule:#2e2450;--red:#ff2e88;--hi:#c8ff00;--green:#3dffa0;--blue:#00e5ff;--lilac:#b388ff;--orange:#ff7a1a;--yellow:#ffd166;--pitch:#ff5c5c;--display:"Unbounded", "Arial Black", Impact, sans-serif;--sans:"Space Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--column:520px;--top:env(safe-area-inset-top,0px);--bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;background:#07040f;margin:0}body{font:400 16px/1.28 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#root{height:100%}button,input,textarea,select{font:inherit;color:inherit}button.ink{color:var(--ink)}button.ink2{color:var(--ink2)}button.ink3{color:var(--ink3)}button.red{color:var(--red)}button{cursor:pointer;text-align:inherit;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}input,textarea{appearance:none;background:0 0;border:0;border-radius:0;outline:0;min-width:0;margin:0;padding:0}input::placeholder,textarea::placeholder{color:var(--ink3);opacity:.75}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}a{color:var(--hi)}:focus-visible{outline:2px solid var(--hi);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:0}::selection{background:#c8ff004d}.serif{font-family:var(--display);font-weight:600}.italic{font-family:var(--display);font-weight:800}.sans{font-family:var(--sans);font-weight:400}.sans.medium{font-weight:500}.sans.bold{font-weight:700}.mono{font-family:var(--mono);font-weight:400}.mono.medium{font-weight:500}.ink{color:var(--ink)}.ink2{color:var(--ink2)}.ink3{color:var(--ink3)}.red{color:var(--red)}.one-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.two-lines{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.struck{text-decoration:line-through;-webkit-text-decoration-color:var(--ink3);text-decoration-color:var(--ink3)}.stage{width:min(100%, var(--column));background:var(--paper);isolation:isolate;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}@media (min-width:600px){.stage{box-shadow:0 0 0 1px #f7f4ff0f,0 40px 120px #0009}body{background:radial-gradient(46vw at 0 0,#ff2e8829,#ff2e8800),radial-gradient(50vw at 100% 100%,#00e5ff1f,#00e5ff00),radial-gradient(30vw at 92% 8%,#c8ff0012,#c8ff0000),#07040f}}@media (display-mode:standalone){html,body{height:100vh;height:100lvh;overflow:hidden}.stage{height:100vh;height:100lvh;bottom:auto}}.paper{z-index:-1;background:var(--paper);pointer-events:none;position:absolute;inset:0;overflow:hidden}.paper:before{content:"";background:radial-gradient(420px at 105% -5%,#ff2e8859,#ff2e8800),radial-gradient(460px at -10% 105%,#00e5ff38,#00e5ff00),radial-gradient(320px at 90% 100%,#c8ff0024,#c8ff0000);position:absolute;inset:0}.paper:after{content:"";opacity:.9;background:url(../backdrop.jpg) 50%/cover no-repeat;position:absolute;inset:0}.screen{isolation:isolate;flex-direction:column;display:flex;position:absolute;inset:0}.screen.pushed{animation:.28s cubic-bezier(.2,.8,.2,1) push}.screen.cover{animation:.32s cubic-bezier(.2,.8,.2,1) rise}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto}.scroll::-webkit-scrollbar{display:none}.hscroll::-webkit-scrollbar{display:none}.hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}@keyframes push{0%{transform:translate(100%)}to{transform:none}}@keyframes rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen.pushed,.screen.cover,.sheet-up,.guide,.mark.live{animation:none!important}}.row{align-items:center;display:flex}.row.top{align-items:flex-start}.row.baseline{align-items:baseline}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.spacer{flex:1}.mark{--c:var(--red);--s:34px;min-width:var(--s);min-height:var(--s);font:800 calc(var(--s) * .5) / 1 var(--display);color:var(--paper);background:var(--c);border-radius:calc(var(--s) * .3);box-shadow:0 calc(var(--s) * .08) calc(var(--s) * .36) color-mix(in srgb, var(--c) 35%, transparent);flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-3deg)}.mark.long{padding:0 5px}.mark.filled{box-shadow:0 calc(var(--s) * .08) calc(var(--s) * .7) color-mix(in srgb, var(--c) 60%, transparent);transform:rotate(-6deg)}.mark.live{animation:.4s cubic-bezier(.3,1.4,.5,1) pop}.marking{font:700 10.5px/1.2 var(--sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink3)}.kind{--c:var(--ink2);font:700 9.5px/1.25 var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);white-space:nowrap;border-radius:999px;flex:none;padding:3.5px 8px;display:inline-block}.chip{font:700 12px/1.25 var(--sans);color:var(--paper);background:var(--hi);white-space:nowrap;border-radius:999px;flex:none;padding:3.5px 9px;display:inline-block}.who{font:500 12px/1.25 var(--sans);color:var(--ink3);box-shadow:inset 0 0 0 1px var(--rule);white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;display:inline-block}.ink-button{width:100%;min-height:58px;font:800 15px/1.2 var(--display);color:var(--paper);background:var(--hi);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:transform .12s,opacity .12s,box-shadow .12s;display:flex;box-shadow:0 6px 32px #c8ff0073}.ink-button:active{opacity:.8;transform:scale(.98);box-shadow:0 6px 8px #c8ff0033}.ink-button:disabled{opacity:.45}.outline-button{width:100%;min-height:52px;font:700 15px/1.2 var(--sans);color:var(--ink);background:var(--card);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:opacity .12s;display:flex;box-shadow:inset 0 0 0 1.5px #f7f4ff2e}.outline-button:active{opacity:.6}.dot{background:var(--red);border-radius:50%;flex:none;width:12px;height:12px}.plain:active{opacity:.6}.card{text-align:left;background:#1e1638eb;border-radius:22px;width:100%;padding:16px;display:block;box-shadow:inset 0 0 0 1px #f7f4ff14,0 8px 28px #00000059}.card.tight{padding:12px}.field{background:var(--card);width:100%;min-height:46px;box-shadow:inset 0 0 0 1px var(--rule);font:400 16px/1.28 var(--sans);color:var(--ink);border-radius:14px;padding:0 12px;display:block}textarea.field{resize:none;min-height:136px;padding:12px 13px}.bar{background:#78788052;border-radius:2px;flex:1;height:4px;overflow:hidden}.bar>i{background:var(--red);border-radius:2px;height:100%;transition:width .3s linear;display:block}.play{text-align:left;flex:none;align-items:center;gap:10px;display:inline-flex}.play .disc{--s:44px;--c:var(--hi);width:var(--s);height:var(--s);background:var(--c);color:var(--paper);box-shadow:0 3px 20px color-mix(in srgb, var(--c) 50%, transparent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.play.compact .disc{--s:32px;box-shadow:0 3px 12px color-mix(in srgb, var(--c) 50%, transparent)}.play.on .disc{--c:var(--red)}.play .ring{position:absolute;inset:0;transform:rotate(-90deg)}.play .words b{font:700 15px/1.25 var(--sans);color:var(--ink);display:block}.play .words span{font:400 11px/1.3 var(--mono);color:var(--ink3);margin-top:1px;display:block}.switch{background:#7878805c;border-radius:999px;flex:none;width:64px;height:28px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:999px;width:38px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translate(22px)}.check{width:24px;height:24px;color:var(--ink2);flex:none;place-items:center;display:grid}.check.dim{color:var(--ink3)}.check.done{color:var(--green)}.header{padding:calc(8px + var(--top)) 20px 0;align-items:baseline;display:flex}.wordmark{font:600 34px/1.2 var(--display);color:var(--ink)}.band-name{font:800 12px/1.25 var(--display);color:var(--ink2);margin-top:2px}.band-pick{text-align:left;align-self:flex-start;align-items:center;gap:6px;max-width:100%;margin:-6px 0 -8px;padding:8px 14px 8px 0;display:inline-flex}.band-pick svg{color:var(--hi);flex:none}.band-pick:active{opacity:.6}.band-button{width:44px;height:44px;color:var(--ink);box-shadow:inset 0 0 0 1.2px var(--ink);flex:none;align-self:center;place-items:center;display:grid}.tabs{box-shadow:inset 0 -1px 0 var(--rule);flex:none;padding:14px 0 6px}.tabs .hscroll{gap:22px;padding:0 20px;display:flex}.tab{font:600 13px/1.25 var(--display);color:var(--ink3);flex-direction:column;flex:none;gap:5px;display:flex}.tab i{background:0 0;height:2.5px;display:block}.tab[aria-selected=true]{font:800 14px/1.25 var(--display);color:var(--ink)}.tab[aria-selected=true] i{background:var(--red)}.record-bar{padding:12px 20px calc(12px + var(--bottom));background:linear-gradient(to bottom, #0f0a1e00, var(--paper) 50%, var(--paper));gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.square-button{background:var(--card);width:54px;height:54px;box-shadow:inset 0 0 0 1.2px var(--ink);color:var(--ink);border-radius:14px;flex:none;align-self:center;place-items:center;display:grid}.note-line{align-items:flex-start;gap:12px;padding:10px 0;display:flex;box-shadow:inset 0 -.8px #2e2450b3}.label{align-items:center;gap:6px;display:inline-flex}.pill{font:700 11px/1.25 var(--sans);letter-spacing:1.4px;text-transform:uppercase;border-radius:999px;padding:5px 10px;transition:background .25s,color .25s}.clock{font:500 68px/1.2 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);text-align:center}.stays{background:var(--hi);width:100%;color:var(--paper);border-radius:18px;flex-direction:column;gap:10px;margin-top:4px;padding:16px;display:flex;box-shadow:0 6px 16px #c8ff0059}.stays .title{font:800 18px/1.25 var(--display)}.stays p{font:500 14px/1.35 var(--sans);opacity:.85;margin:0}.mode-pill{background:var(--hi);height:46px;color:var(--paper);font:800 16px/1.2 var(--display);border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:inline-flex;box-shadow:0 4px 10px #c8ff0059}.mode-pill:active{opacity:.85;transform:scale(.98)}.song-chip{background:var(--card);box-shadow:inset 0 0 0 1px var(--ink);font:600 12px/1.25 var(--display);color:var(--ink);white-space:nowrap;border-radius:14px;flex:none;padding:8px 14px}.song-chip[aria-pressed=true]{background:var(--hi);color:var(--paper);font:800 14px/1.25 var(--display)}.hold{background:var(--red);width:100%;height:58px;font:800 15px/1.2 var(--display);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:999px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 32px #ff2e8873}.hold i{background:#f7f4ff47;border-radius:999px;width:0;transition:width .2s ease-out;position:absolute;top:0;bottom:0;left:0}.hold.holding i{width:100%;transition:width 1.2s linear}.hold span{position:relative}.veil{z-index:50;background:#0006;animation:.2s fade;position:absolute;inset:0}.veil.clear{background:0 0}.alert{z-index:51;-webkit-backdrop-filter:blur(30px)saturate(1.8);text-align:center;width:270px;font-family:-apple-system, "Helvetica Neue", var(--sans);background:#252528f0;border-radius:14px;animation:.2s fade;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.alert h2{color:#fff;margin:0;padding:19px 16px 0;font-size:17px;font-weight:600;line-height:22px}.alert p{color:#fff;margin:0;padding:2px 16px 20px;font-size:13px;line-height:16px}.alert button{width:100%;height:44px;color:var(--red);text-align:center;font-size:17px;font-weight:600;display:block;box-shadow:inset 0 .5px #545458a6}.alert button:active{background:#ffffff14}.alert.ask h2{padding-bottom:12px}.alert.ask input{width:calc(100% - 32px);height:34px;font:400 15px/1.2 -apple-system, "Helvetica Neue", var(--sans);color:#fff;background:#00000059;border-radius:8px;margin:0 16px 16px;padding:0 8px;display:block;box-shadow:inset 0 0 0 .5px #545458e6}.alert.ask .two{display:flex}.alert.ask .two button{flex:1;font-weight:400}.alert.ask .two button+button{font-weight:600;box-shadow:inset 0 .5px #545458a6,inset .5px 0 #545458a6}.action-sheet h2 .message{padding-top:3px;font-weight:400;display:block}.action-sheet{z-index:51;left:8px;right:8px;bottom:calc(8px + var(--bottom));font-family:-apple-system, "Helvetica Neue", var(--sans);animation:.28s cubic-bezier(.2,.8,.2,1) rise;position:absolute}.action-sheet .group{-webkit-backdrop-filter:blur(30px)saturate(1.8);background:#252528f0;border-radius:14px;overflow:hidden}.action-sheet .group+.group{margin-top:8px}.action-sheet h2{color:#ebebf599;text-align:center;margin:0;padding:14px 16px;font-size:13px;font-weight:600;line-height:18px}.action-sheet button{width:100%;min-height:57px;color:var(--red);text-align:center;font-size:20px;display:block;box-shadow:inset 0 .5px #545458a6}.action-sheet .group>button:first-child{box-shadow:none}.action-sheet button.cancel{font-weight:600}.action-sheet button:active{background:#ffffff14}.menu{z-index:51;-webkit-backdrop-filter:blur(30px)saturate(1.8);min-width:200px;max-width:min(300px,100% - 24px);max-height:60%;transform-origin:var(--ox,50%) var(--oy,0);font-family:-apple-system, "Helvetica Neue", var(--sans);scrollbar-width:none;background:#252528e6;border-radius:13px;animation:.18s cubic-bezier(.2,.9,.3,1.1) menu;position:absolute;overflow-y:auto;box-shadow:0 10px 40px #00000073}.menu button{color:#fff;text-align:left;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 16px;font-size:17px;line-height:22px;display:flex;box-shadow:inset 0 .5px #545458a6}.menu button:first-child{box-shadow:none}.menu button.danger{color:#ff453a}.menu button:active{background:#ffffff1a}.menu .tick{flex:none;place-items:center;width:18px;display:grid}@keyframes menu{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.sheet-up{inset:calc(10px + var(--top)) 0 0 0;z-index:40;background:var(--paper);font-family:-apple-system, "Helvetica Neue", var(--sans);border-radius:12px 12px 0 0;flex-direction:column;animation:.36s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:absolute;overflow:hidden}.nav{flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:relative}.nav h1{text-align:center;color:#fff;pointer-events:none;margin:0;font-size:17px;font-weight:600;position:absolute;left:0;right:0}.nav button{color:var(--red);min-width:44px;min-height:44px;font-size:17px;position:relative}.nav button.strong{text-align:right;font-weight:600}.form{padding:0 20px calc(30px + var(--bottom))}.form h3{color:#ebebf599;text-transform:uppercase;margin:22px 0 7px;padding:0 16px;font-size:13px;font-weight:400;line-height:16px}.form .group{background:#1c1c1e;border-radius:10px;overflow:hidden}.form .cell{color:#fff;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:17px;line-height:22px;display:flex;position:relative}.form .cell+.cell:before{content:"";background:#545458a6;height:.5px;position:absolute;top:0;left:16px;right:0}.form .cell input{color:#fff;flex:1;height:44px;font-size:17px}.form .cell input.soft{color:var(--ink2)}.form .cell.text{padding:11px 16px;display:block}.form .cell button.add{color:var(--red);flex:none;font-size:17px}.form .cell button.danger{color:#ff453a;width:100%;min-height:44px;font-size:17px}.form .minus{color:#fff;background:#ff453a;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.form .cell.swipe{touch-action:pan-y;padding:0;overflow:hidden}.form .cell.swipe:before{display:none}.form .cell.swipe .slide{background:#1c1c1e;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 16px;display:flex;position:relative}.form .cell.swipe+.cell.swipe .slide:before,.form .cell.swipe+.cell:before{content:"";background:#545458a6;height:.5px;display:block;position:absolute;top:0;left:16px;right:0}.form .cell.swipe .delete{color:#fff;text-align:center;white-space:nowrap;background:#ff453a;min-width:74px;padding:0 14px;font-size:17px;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.form .cell.swipe.lifted{z-index:2;box-shadow:0 8px 24px #0000008c}.form .cell.swipe.lifted .slide{background:#2c2c2e}.form .grabber{color:#ebebf54d;touch-action:none;cursor:grab;flex:none;place-items:center;width:34px;height:44px;margin-right:-8px;display:grid}.form .mover{color:#ebebf54d;flex:none;display:flex}.form .mover button{color:#ebebf573;place-items:center;width:30px;height:44px;display:grid}.form .mover button:disabled{opacity:.3}.form span.use{width:24px;height:24px;color:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1.5px #ebebf54d}.form span.use.on{background:var(--hi);box-shadow:none}.form button.use{width:44px;height:44px;color:var(--paper);flex:none;place-items:center;margin:0 -6px 0 -10px;display:grid;position:relative}.form button.use:before{content:"";border-radius:50%;position:absolute;inset:10px;box-shadow:inset 0 0 0 1.5px #ebebf54d}.form button.use.on:before{background:var(--hi);box-shadow:none}.form button.use svg{position:relative}.form button.use:active{opacity:.6}.form .count{color:#ebebf573;white-space:nowrap;flex:none;font-size:15px}.form .band-row{color:#fff;text-align:left;flex:1;align-items:center;gap:12px;min-width:0;min-height:60px;padding:8px 0;display:flex}.form .band-row small{color:#ebebf599;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;line-height:17px;display:block;overflow:hidden}.form .band-row:active{opacity:.6}.form .foot{color:#ebebf599;margin:8px 16px 0;font-size:13px;line-height:17px}.toast{z-index:60;left:50%;bottom:calc(96px + var(--bottom));background:var(--ink);color:var(--paper);font:700 14px/1.2 var(--sans);white-space:nowrap;border-radius:999px;padding:10px 16px;animation:.2s fade;position:absolute;transform:translate(-50%)}.steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.step{align-items:flex-start;gap:14px;display:flex}.step .n{--c:var(--red);background:var(--c);width:30px;height:30px;color:var(--paper);font:800 14px/30px var(--display);text-align:center;box-shadow:0 3px 14px color-mix(in srgb, var(--c) 40%, transparent);border-radius:10px;flex:none;transform:rotate(-4deg)}.step .t{font:400 15px/1.35 var(--sans);color:var(--ink2);padding-top:5px}.step .t b,.first-open b,.home-first b{color:var(--ink);font-weight:700}.step .t svg{vertical-align:-3px;color:var(--hi)}.step .t .key,.first-open .key{vertical-align:-6px;background:var(--card);border-radius:7px;place-items:center;width:24px;height:24px;margin:0 1px;display:inline-grid;box-shadow:inset 0 0 0 1px #f7f4ff38}.step .t .key svg,.first-open .key svg{vertical-align:0;color:var(--ink);margin:0}.first-open{font:400 14px/1.35 var(--sans);color:var(--ink2);background:#ff2e881f;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1px #ff2e8873}.first-open svg{color:var(--red);flex:none;margin-top:1px}.home-first{width:100%;font:400 14px/1.3 var(--sans);color:var(--ink2);text-align:left;background:#c8ff001a;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 1.2px #c8ff008c}.home-first svg{color:var(--hi);flex:none}.home-first .how,.copy{font:800 12px/1 var(--display);color:var(--paper);background:var(--hi);border-radius:999px;flex:none;padding:9px 13px}.home-first:active,.copy:active{opacity:.7}.guide{inset:calc(10px + var(--top)) 0 0 0;z-index:45;background:var(--paper2);border-radius:22px 22px 0 0;flex-direction:column;animation:.36s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #f7f4ff14,0 -10px 40px #00000080}.side-a,.side-b,.points,.go{display:contents}@media (min-width:1000px) and (min-height:560px){:root{--w1:clamp(360px, 27vw, 460px);--w2:calc((100% - var(--w1)) / 2);--ink3:#9f96c2}body{background:#07040f}.stage{width:100%;box-shadow:none;left:0;transform:none}.paper:after{opacity:.8;background-size:100% 100%}.stage>.paper:after{opacity:.55}.paper:before{background:radial-gradient(34vw at 103% -8%,#ff2e884d,#ff2e8800),radial-gradient(36vw at -6% 108%,#00e5ff33,#00e5ff00)}.scroll{scrollbar-width:thin;scrollbar-color:#f7f4ff2e transparent}.scroll::-webkit-scrollbar{width:8px;display:block}.scroll::-webkit-scrollbar-thumb{background:#f7f4ff29;border-radius:4px}.pane{animation:none}.pane.home>.paper,.pane.session>.paper{display:none}.pane.stop>.paper:after{opacity:.55}.pane.home{width:var(--w1);right:auto}.pane.session,.pane.stop{left:var(--w1);animation:.2s fade;box-shadow:inset 1px 0 #f7f4ff1a}.pane.waiting{animation:none}.pane.stop.waiting{display:none}.pane.session>.scroll>.col,.pane.stop>.scroll>.col{width:100%;max-width:780px;margin-inline:auto;padding:22px 28px 48px!important}.pane.session .back{display:none}.pane.home [aria-current=true] .card,.pane.session .card[aria-current=true]{box-shadow:inset 0 0 0 2px var(--hi), 0 8px 28px #00000059}@media (hover:hover){.pane.home button.plain:hover .card,.pane.session .card[role=link]:hover{background:#2c2150f5}}.door>.scroll>.col,.welcome>.scroll>.col{justify-content:center;width:100%;max-width:1280px;min-height:100%;margin-inline:auto;padding:48px clamp(40px,6vw,96px)!important}.door>.scroll>.col{grid-template-columns:minmax(0,1fr) minmax(400px,500px);align-content:center;align-items:center;column-gap:clamp(48px,7vw,120px);display:grid}.door .side-a,.door .side-b{flex-direction:column;gap:20px;min-width:0;display:flex}.marks{gap:16px!important}.marks .mark{--s:64px!important}.brand-name{font-size:clamp(72px,8.2vw,118px)!important;line-height:1.05!important}.brand-line{max-width:24ch;line-height:1.3;font-size:clamp(18px,1.7vw,25px)!important}.door>.guide{border-radius:22px;width:600px;inset:5vh auto 5vh calc(50% - 300px)}.welcome .first{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name points""go points";gap:34px clamp(48px,6vw,104px);display:grid}.welcome .first .side-a{flex-direction:column;grid-area:name;align-items:flex-start;gap:22px;display:flex}.welcome .first .go{flex-direction:column;grid-area:go;align-items:flex-start;gap:14px;width:100%;max-width:440px;display:flex}.welcome .first .go .ink-button{margin-top:0!important}.welcome .first .points{grid-area:points;align-self:center;width:100%;display:block}.welcome .first .points>.col{gap:16px!important;padding-top:0!important}.welcome .first .points>.col>.row{background:#1e1638eb;border-radius:22px;padding:20px 22px;box-shadow:inset 0 0 0 1px #f7f4ff14,0 8px 28px #00000059}.welcome .band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:clamp(40px,5vw,88px);width:100%;max-width:1080px;margin-inline:auto;display:grid}.welcome .band .side-a,.welcome .band .side-b{flex-direction:column;gap:18px;min-width:0;display:flex}.welcome .band .side-b{padding-top:59px}.welcome .band textarea.field{min-height:232px}.welcome .narrow{width:100%;max-width:640px;margin-inline:auto}.record>.before{justify-content:center;align-self:center;width:100%;max-width:640px}.record>.before>.spacer{display:none}.record>.before>.row:first-child{position:absolute;top:30px;left:clamp(28px,4vw,64px)}.record>.before>.ink-button{margin-top:10px}.record>.live{align-self:center;width:100%;max-width:1280px}.record .clock{font-size:clamp(68px,10vw,150px);padding-top:3vh!important}.record canvas{height:clamp(120px,22vh,220px)!important}.record .ends{align-self:center;width:100%;max-width:560px;padding-bottom:36px!important}.sheet-up{border-radius:18px;width:600px;inset:5vh auto 5vh calc(50% - 300px)}.action-sheet{width:380px;bottom:6vh;left:calc(50% - 190px);right:auto}}@media (min-width:1280px) and (min-height:560px){.pane.session{width:var(--w2);right:auto}.pane.stop{left:calc(var(--w1) + var(--w2))}.pane.stop>.paper{display:none}.pane.stop.waiting{display:flex}.pane.stop .back{display:none}}