:root.s56-store.s56-night:not(.s56-in-player){--night-canvas: #1e1e1e;--night-panel: #2c2c2c;--night-inner: #383838;--night-hover: #343434;--night-line: #3c3c3c;--night-edge: #4a4a4a;--night-text: #f2f2f2;--night-soft: #b4b4b4;--night-dim: #8a8a8a;--night-sound: #84c9ff;--night-danger: #ff8f85;--night-float: 0 6px 20px rgba(0, 0, 0, .35);--night-dots: radial-gradient(circle at 1px 1px, #343434 1px, transparent 1.4px) 0 0 / 20px 20px;--store-ground: var(--night-canvas);--store-sky: var(--night-panel);--store-pink: var(--night-panel);--store-pale-blue: var(--night-canvas);--store-peach: var(--night-panel);--store-lilac: var(--night-panel);--store-mint: var(--night-panel);--store-raised: var(--night-panel);--store-raised-2: var(--night-inner);--store-line: var(--night-line);--store-line-strong: var(--night-edge);--store-ink: var(--night-text);--store-soft-ink: var(--night-soft);--store-quiet: var(--night-dim);--store-go: #fff;--store-go-hover: #e6e6e6;--store-on-go: var(--night-canvas);--store-link: var(--night-text);--store-display: var(--store-text);background:var(--night-canvas);color-scheme:dark}:root.s56-night:not(.s56-in-player) body{background:var(--night-canvas)}:root.s56-night:not(.s56-in-player) .sf,:root.s56-night:not(.s56-in-player) .sf :is(.sf-header>.sf-tools,.sf-hero,.sf-show,.sf-close):not(.sf-home *){--sf-grey-90: var(--night-canvas);--sf-grey-85: #262626;--sf-grey-80: var(--night-panel);--sf-grey-70: var(--night-inner);--sf-grey-60: #414141;--sf-grey-50: #6b6b6b;--sf-grey-40: var(--night-dim);--sf-grey-30: var(--night-soft);--sf-grey-20: #d9d9d9;--sf-dim: var(--night-dim);--sf-glass: var(--night-panel);--sf-glass-hover: var(--night-hover);--sf-glass-active: #303030;--sf-glass-line: var(--night-line);--sf-focus-colour: var(--night-sound);--sf-row-hover: var(--night-panel);--sf-row-focus: var(--night-hover);--sf-shadow-raised: var(--night-float);--sf-shadow-deep: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}:root.s56-night .sf :is(h1,h2),:root.s56-night .sf :is(.sf-wide,.sf-display){font-stretch:100%;font-weight:600;letter-spacing:-.02em}:root.s56-night .sf :is(.sf-pill,.sf-solid,.sf-pale,.sf-line-button,.sf-outline,.s56-pixel-button.s56-pixel-button,.sf-sound__go,.sf-sound__go-on>*){border-radius:10px}:root.s56-night .sf.sf-top{padding:10px 12px 0;background:transparent;pointer-events:none}:root.s56-night .sf-top>*{pointer-events:auto}:root.s56-night .sf-header{height:56px;padding:0 8px 0 16px;border-radius:12px;background:var(--night-panel);box-shadow:var(--night-float)}:root.s56-night .sf-logo .studio56-wordmark,:root.s56-night .sf-band .studio56-wordmark{--studio56-wordmark-size: 22px;--studio56-wordmark-block: #fff;--studio56-wordmark-letters: var(--night-panel)}:root.s56-night .sf-band .studio56-wordmark{--studio56-wordmark-size: 33px;--studio56-wordmark-letters: var(--night-canvas)}:root.s56-night.s56-store .s56-studio-v2.s56-sky{--studio56-wordmark-block: #fff;--studio56-wordmark-letters: var(--night-canvas)}:root.s56-night.s56-store .s56-sky .s56-computer{--studio56-wordmark-block: #fff;--studio56-wordmark-letters: var(--night-canvas)}:root.s56-night.s56-store .s56-sky .s56-computer__screen{background:var(--night-dots),var(--night-canvas)}:root.s56-night.s56-store .s56-sky .s56-computer__base:before{background:var(--night-canvas)}:root.s56-night .sf-header>.sf-logo{display:flex;align-items:center;height:44px;margin-right:20px;padding:0 6px;border-radius:8px}:root.s56-night .sf-nav{gap:4px}:root.s56-night .sf-nav__item{height:40px;padding:0 12px;border-radius:8px;color:var(--night-soft);font-size:14px;transition:background-color .1s ease-out,color .1s ease-out}:root.s56-night .sf-nav__item:hover{background:var(--night-hover);color:#fff}:root.s56-night .sf-nav__item[aria-current=page]{background:var(--night-inner);color:#fff}:root.s56-night .sf-nav__item[aria-current=page]:after{display:none}:root.s56-night .sf-login{height:40px;padding:0 12px;border-radius:8px;color:var(--night-soft);font-size:14px}:root.s56-night .sf-login:hover{background:var(--night-hover);color:#fff}:root.s56-night .sf-tool{border-radius:8px;color:var(--night-soft)}:root.s56-night .sf-tool:hover{background:var(--night-hover);color:#fff}:root.s56-night .sf .sf-header .sf-door{height:40px;margin-left:8px;padding:0 14px;border-radius:10px;background:#fff;color:var(--night-canvas);font-size:14px;font-weight:500}:root.s56-night .sf .sf-header .sf-door:hover{background:#e6e6e6}:root.s56-night .sf-phone-menu{inset:74px 0 0}:root.s56-night .sf-phone-menu__shade{background:#00000073}:root.s56-night .sf-phone-menu__panel{top:0;bottom:auto;left:12px;max-height:calc(100% - 12px);border:1px solid #444;border-radius:12px;background:var(--night-panel);box-shadow:0 10px 30px #00000073}:root.s56-night .sf-phone-menu__links a{margin-inline:8px;padding-left:24px;border-radius:8px;color:var(--night-soft)}:root.s56-night .sf-phone-menu__links a:hover{background:var(--night-hover);color:#fff}:root.s56-night .sf-phone-menu__links a[aria-current=page]{background:var(--night-inner);color:#fff}:root.s56-night .sf-phone-menu__links a[aria-current=page]:before{display:none}:root.s56-night .sf-footer{border-top-color:var(--night-line);background:var(--night-canvas)}:root.s56-night .sf .sf-footer h2{font-size:15px;font-weight:500;line-height:22px}:root.s56-night .sf-footer__columns li{font-size:13px;line-height:18px}:root.s56-night .sf.sf .sf-footer__news .studio56-news input{border-color:var(--night-edge);border-radius:10px;background:var(--night-inner)}:root.s56-night .sf .sf-footer__news :is(button,.s56-pixel-button){border-radius:10px}:root.s56-night .sf-home{--home-face: var(--store-text);--store-ink: var(--night-text);--store-soft-ink: var(--night-soft);--store-quiet: var(--night-dim);--store-link: var(--night-text);--store-go: #fff;--store-go-hover: #e6e6e6;--store-on-go: var(--night-canvas);--store-line: var(--night-line);--store-line-strong: var(--night-edge);--sf-grey-50: #6b6b6b;--sf-grey-60: #414141;--sf-grey-70: var(--night-inner);--sf-grey-80: var(--night-panel);--sf-grey-85: #262626;--block: var(--night-sound)}:root.s56-night .sf .sf-home :is(h1,h2,h3),:root.s56-night .sf .sf-home .sf-display{font-weight:600;letter-spacing:-.025em}:root.s56-night .sf-home .sf-arr{background:var(--night-dots),var(--night-canvas)}:root.s56-night .sf:has(.sf-home)>main{margin-top:-66px}:root.s56-night .sf .sf-plans .tier-card__button{border-radius:10px}:root.s56-night .sf-pro-board{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 62%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 62%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}:root.s56-night .sf .sf-plans .tier-card--beta:not(.tier-card--quiet) .tier-card__button{color:var(--store-on-go)}:root.s56-night .sf-pro-end{margin:96px var(--gutter) 0;border-radius:12px;background:var(--night-panel);color:var(--night-text)}:root.s56-night .sf main:has(>.sf-pro-end:last-child)+.sf-footer{margin-top:64px;border-top:1px solid var(--night-line)}:root.s56-night .sf .sf-pro-end .s56-pixel-button.s56-pixel-button{background:#fff;color:var(--night-canvas)}:root.s56-night .sf .sf-pro-end .s56-pixel-button.s56-pixel-button:hover{background:#e6e6e6;color:var(--night-canvas)}:root.s56-night .sf .sf-pro-how h3{font-stretch:100%;font-weight:600}:root.s56-night .sf-pro-how li{border-radius:12px}:root.s56-night.s56-store .s56-auth-modal__backdrop{background:#0000008c}:root.s56-night.s56-store .s56-auth-modal{border-color:#444;border-radius:12px;background:var(--night-panel);box-shadow:0 10px 30px #00000073}:root.s56-night.s56-store .s56-auth-modal__close{border-radius:8px}:root.s56-night.s56-store .s56-auth-modal__close:hover{background:var(--night-hover)}:root.s56-night.s56-store .s56-auth-modal__close:focus-visible{outline-color:var(--night-sound)}:root.s56-night.s56-store .s56v2.s56v2--auth-modal{--studio56-wordmark-block: #fff;--studio56-wordmark-letters: var(--night-panel)}:root.s56-night.s56-store .s56v2--auth-modal .s56v2-auth__title.s56v2-auth__title{font-family:var(--store-text);font-stretch:100%;font-weight:600;letter-spacing:-.02em}:root.s56-night.s56-store .s56v2--auth-modal :is(.s56v2-auth__input,.s56v2-auth__google){border-radius:10px}:root.s56-night.s56-store .s56v2--auth-modal .s56v2-auth__input:focus{border-color:#6b6b6b;box-shadow:0 0 0 1px #6b6b6b}:root.s56-night.s56-store .s56v2--auth-modal .s56v2-auth__submit.s56-pixel-button.s56-pixel-button{border-radius:10px;color:var(--night-canvas)}:root.s56-night.s56-store .s56-sky .s56-pixel-button.s56-pixel-button:not(.s56-pixel-button--secondary){border-radius:10px;color:var(--store-on-go)}:root.s56-night.s56-store .s56-sky .s56-pixel-button.s56-pixel-button--secondary{border-radius:10px}:root.s56-night.s56-store .s56-sky .s56-pixel-button.s56-pixel-button:focus-visible{box-shadow:0 0 0 2px var(--night-sound)}:root.s56-night .sf .sf-sounds__part{border-color:var(--night-edge);border-radius:8px;color:var(--night-soft)}:root.s56-night .sf .sf-sounds__part:hover{border-color:#6b6b6b;color:#fff}:root.s56-night .sf .sf-sounds__part[aria-pressed=true]{border-color:#fff;background:#fff;color:var(--night-canvas)}:root.s56-night .sf-sound__play{border-color:var(--night-line);border-radius:12px}:root.s56-night .sf .sf-sounds__key{border-color:var(--night-canvas);background:#e9e9e9}:root.s56-night .sf .sf-sounds__key[aria-pressed=true]{background:var(--night-sound)}:root.s56-night .sf .sf-sounds__key--black{background:var(--night-canvas)}:root.s56-night .sf .sf-sounds__key--black[aria-pressed=true]{background:#3d6f99}:root.s56-night .sf-sounds__path span{border-color:var(--night-line);background:var(--night-panel)}:root.s56-night .sf-sounds__path .sf-sounds__out span{border-color:#fff;background:#fff;color:var(--night-canvas)}@media(max-width:860px){:root.s56-night .sf.sf-top{padding:8px 8px 0}:root.s56-night .sf-header{height:52px;padding:0 4px 0 8px;border-radius:10px}:root.s56-night .sf-header>.sf-logo{margin-right:8px}:root.s56-night .sf-tool{width:44px;height:44px}:root.s56-night .sf-tool--menu{margin-right:0}:root.s56-night .sf .sf-header .sf-door{height:44px}:root.s56-night .sf-login{height:44px}:root.s56-night .sf-phone-menu{inset:68px 0 0}:root.s56-night .sf-phone-menu__panel{left:8px}:root.s56-night .sf:has(.sf-home)>main{margin-top:-60px}}