@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#f3efe9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--hero-duration:.5s;--spinner-duration:.7s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--ease-float:cubic-bezier(.165, .84, .44, 1);background:#121110;font-family:Inter Variable,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;touch-action:manipulation;cursor:pointer;color:inherit;background:#22201e;border:1px solid #3b3731;border-radius:14px;min-height:44px;padding:10px 15px}input{font:inherit;touch-action:manipulation;color:inherit;background:#22201e;border:1px solid #3b3731;border-radius:14px;min-height:44px;padding:10px 15px}button,.tabs a,aside nav a{transition:transform .16s var(--ease-out), border-color .15s ease, background-color .15s ease, color .15s ease}button:active:where(:not(:disabled)),.tabs a:active,aside nav a:active{transform:scale(.97)}.tile:active,.preset:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){button:hover,a:hover{border-color:#e8aa4c}}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true],.primary{color:#121110;background:#e8aa4c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #e8aa4c}a{font:inherit;touch-action:manipulation;cursor:pointer;color:inherit;align-items:center;gap:12px;min-height:44px;padding:10px;text-decoration:none;display:inline-flex}aside:not(.docked-panel){background:#181716;border-inline-end:1px solid #2b2824;flex-direction:column;gap:40px;height:100dvh;padding:30px 20px;display:flex;position:sticky;top:0}aside:not(.docked-panel) nav{gap:8px;display:grid}nav a{border-radius:50px}nav a[data-status=active]{color:#121110;background:#e8aa4c}aside:not(.docked-panel) p{color:#a8a29a;margin-top:auto;font-size:13px}.eyebrow{color:#e8aa4c;letter-spacing:3px;text-transform:uppercase;font-size:12px}.chips{white-space:nowrap;gap:8px;margin:24px 0;display:flex;overflow-x:auto}.sound{min-width:0;position:relative}.unavailable img{filter:grayscale(.7);opacity:.5}.saved-row button:first-child{text-align:start;flex:1}label{justify-content:space-between;align-items:center;gap:15px;margin:16px 0;display:flex}select{font:inherit;touch-action:manipulation;color:inherit;background:#22201e;border:1px solid #3b3731;border-radius:14px;max-width:60%;min-height:44px;padding:10px 15px}.player button{align-items:center;gap:8px;display:flex}.tabs{display:none}dialog{color:#f3efe9;opacity:1;width:min(580px,100% - 24px);max-height:85dvh;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), overlay .2s var(--ease-out) allow-discrete, display .2s var(--ease-out) allow-discrete;background:#22201e;border:1px solid #4b4338;border-radius:28px;margin:auto;padding:24px;transform:none}dialog:not([open]){opacity:0;transform:scale(.96)}@starting-style{dialog[open]{opacity:0;transform:scale(.96)}}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;transition:opacity .2s var(--ease-out), overlay .2s allow-discrete, display .2s allow-discrete;background:#0009}dialog:not([open])::backdrop{opacity:0}@starting-style{dialog[open]::backdrop{opacity:0}}dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}dialog h2{margin:0}dialog header button{font-size:24px}dialog form{gap:8px;margin-top:24px;display:flex}dialog form input{flex:1;min-width:0}.track-title img{object-fit:cover;border-radius:12px;width:44px;height:44px}.track-title strong{flex:1}.skeleton{background:#52493c;height:8px;animation:1s infinite alternate pulse}.notice{transition:transform .2s var(--ease-out), opacity .2s var(--ease-out);z-index:30;top:8px;background:#3b3225;border-radius:14px;max-width:350px;padding:14px;position:fixed;inset-inline-end:12px}@starting-style{.player{opacity:0;transform:translateY(16px)}.notice{opacity:0;transform:translateY(-8px)}}@keyframes pulse{50%{opacity:.5}}.account-actions{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}[data-testid=sign_in_card] input{width:100%}.shell{grid-template-columns:232px minmax(0,1fr);display:grid}.rail{background:#171513;gap:28px;padding:28px 16px 20px}.brand{color:#e8aa4c;align-items:center;gap:12px;font-size:26px;display:flex}.brand-logo{border-radius:8px;width:32px;height:32px}.home-logo{display:none}.brand span{color:#f3efe9;font-size:21px;font-weight:650}.rail nav{gap:4px}.rail nav a{color:#bdb6ac;border-radius:12px;font-size:15px}.rail nav a[data-status=active]{color:#f3efe9;background:#2a2622}nav a[data-status=active] svg{color:#e8aa4c}.rail footer{gap:12px;margin-top:auto;display:grid}.rail-account{border:1px solid #2c2824;border-radius:14px;min-width:0;font-size:14px}.rail-account>span:last-child{text-overflow:ellipsis;overflow:hidden}.rail-account small{color:#a8a096;font-size:12px;display:block}.avatar{color:#e8aa4c;background:#2e2a25;border-radius:50%;padding:8px}.phone-card{background:#1c1a17;border:1px solid #2c2824;border-radius:16px;min-width:0;padding:16px}.phone-card-header{align-items:flex-start;gap:12px;display:flex}.phone-card-header>div{min-width:0}.phone-card-logo{border-radius:10px;flex-shrink:0;width:40px;height:40px}.phone-card h3{margin:0;font-size:15px;font-weight:600;line-height:1.3}.phone-card p{color:#a8a096;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.store-links{gap:8px;display:flex}.store-button{color:#f3efe9;white-space:nowrap;background:#201d1a;border:1px solid #34302b;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;height:48px;font-size:13px;text-decoration:none;display:flex}.store-button svg{flex-shrink:0;width:20px;height:20px}.phone-card .store-links{flex-direction:column;margin-top:16px}.phone-card .store-button{flex:auto}.phone-card-settings .store-links{flex-direction:row}.phone-card .qr{margin:16px 0 0;width:120px;height:120px;margin-inline-start:52px;display:block}[data-testid=premium_sheet]{max-width:420px;padding:24px}[data-testid=premium_sheet]>*{margin:0 0 16px}[data-testid=premium_sheet]>:last-child{margin-bottom:0}[data-testid=premium_sheet]>h2{font-size:20px;font-weight:650}[data-testid=premium_sheet]>p{color:#a8a096;font-size:15px}[data-testid=premium_sheet]>header{align-items:flex-start}[data-testid=premium_sheet_close]{background:0 0;border:0;border-radius:50%;width:40px;height:40px;min-height:40px;padding:0}.premium-art{width:56px;height:56px;position:relative}.premium-art img{object-fit:cover;border-radius:12px;width:56px;height:56px}.premium-art span{color:#121110;inset-inline-end:-4px;background:#e8aa4c;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px}[data-testid=premium_sign_in]{width:100%}.panel-content{animation:panel-fade .2s var(--ease-out)}@keyframes panel-fade{0%{opacity:0}to{opacity:1}}.panel-empty{text-align:center;flex-direction:column;align-items:center;max-width:260px;margin-inline:auto;padding-block-start:180px;display:flex}.panel-empty h3{margin:0;font-size:17px;font-weight:600}.panel-empty p{color:#a8a096;margin:8px 0 0;font-size:14px;line-height:1.45}.panel-empty button{white-space:normal;border-radius:22px;max-width:100%;height:44px;min-height:44px;margin-block-start:20px;padding:2px 20px;line-height:1.2}.settings-layout{grid-template-columns:minmax(0,1fr) 260px;gap:28px;display:grid}.settings-layout>.phone-card{align-self:start}.section-label,[data-testid=account_card] h2{text-transform:uppercase;letter-spacing:1px;color:#a8a096;font-size:13px}.warm{border:1px solid #3b3731;background:#1c1a17;border-color:#2a2622;border-radius:20px;margin-bottom:16px;padding:22px}.account-actions button{flex:1}[data-testid=sign_in_apple],.light{color:#121110;background:#f3efe9}[data-testid=sign_in_card] form{align-items:end;gap:12px;display:flex}[data-testid=sign_in_card] form label{flex:1;min-width:0;margin:0;display:block}[data-testid=sign_in_card] form button{font-size:13px}h1{letter-spacing:-1px;margin:8px 0 12px;font-size:34px;font-weight:700}h2{margin:28px 0 14px;font-size:17px;font-weight:600}.greeting{color:#a8a096;margin:0 0 6px;font-size:13px}.phone-search{display:none}.chips button{background:0 0;border-color:#34302b;border-radius:30px;font-size:14px}.chips button[aria-pressed=true],.timer-chips button[aria-pressed=true]{color:#121110;background:#f3efe9}.sound-grid{grid-template-columns:repeat(auto-fill,132px);gap:20px 14px;display:grid}.tile{text-align:start;background:0 0;border:0;border-radius:0;width:100%;padding:0;position:relative;overflow:hidden}.tile img{outline-offset:-2px;transition:outline-color .2s var(--ease-out);object-fit:cover;aspect-ratio:auto;border-radius:12px;outline:2px solid #0000;width:100%;height:88px;margin-bottom:7px;display:block}.tile span{padding:0;font-size:13px;display:block}.tile small{color:#a8a29a;margin-top:5px;padding:0;font-size:13px;display:block}.tile svg{inset-inline:auto 6px;background:#121110bb;border-radius:50%;width:24px;height:24px;padding:3px;position:absolute;top:6px}.tile[aria-pressed=true]{color:#e8aa4c;background:0 0}.playing .tile img{outline-color:#e8aa4c}.preset img{outline-offset:-2px;transition:outline-color .2s var(--ease-out);outline:2px solid #0000}.preset.playing img{outline-color:#e8aa4c}.tile-volume{transition:opacity .15s var(--ease-out);appearance:none;accent-color:#f3efe9;inset-inline-start:8px;background:0 0;border:0;width:calc(100% - 16px);height:18px;min-height:18px;margin:0;padding:0;position:absolute;top:70px}@starting-style{.tile-volume{opacity:0}}.bars{display:none}.playing .bars{inset-inline-start:8px;align-items:end;gap:2px;height:14px;display:flex;position:absolute;top:8px}.bars i{transform-origin:bottom;width:3px;height:10px;animation:eq .9s var(--ease-in-out) infinite alternate;background:#e8aa4c}.bars i:nth-child(2){height:14px;animation-delay:-300ms}.bars i:last-child{height:6px;animation-delay:-600ms}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.is-paused .bars i{animation-play-state:paused}.hero h1{margin:0}.row-heading{justify-content:space-between;align-items:center;display:flex}.row-heading button{border-radius:50%;margin-inline-start:8px;padding:8px}.presets{scroll-snap-type:x mandatory;gap:16px;margin-inline:-2px;padding:4px 2px 10px;scroll-padding-inline:2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.presets.scrolled{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 48px),#0000)}[dir=rtl] .presets{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 48px),#0000)}[dir=rtl] .presets.scrolled{-webkit-mask-image:linear-gradient(270deg,#0000,#000 24px calc(100% - 48px),#0000);mask-image:linear-gradient(270deg,#0000,#000 24px calc(100% - 48px),#0000)}.preset span{padding:8px 0 4px;font-size:15px;display:block}.preset small{color:#a8a096;font-size:13px;display:block}.preset .playing-badge{color:#121110;top:96px;background:#e8aa4c;border-radius:20px;padding:4px 10px;position:absolute;inset-inline-start:8px}.library-tabs{background:#1c1a17;border-radius:24px;flex-wrap:wrap;width:max-content;max-width:100%;margin:22px 0;padding:3px;display:flex}.library-tabs button{color:#a8a096;background:0 0;border:0}.library-tabs [aria-selected=true]{color:#f3efe9;background:#2a2622}.mix-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.saved-row{background:#1c1a17;border:1px solid #2a2622;border-radius:18px;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:14px;display:flex}.saved-row strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.saved-row small{text-overflow:ellipsis;white-space:nowrap;color:#a8a096;width:100%;overflow:hidden}.mix-art{height:52px;display:flex}.mix-art img{object-fit:cover;border-radius:10px;width:52px;height:52px}.mix-art img+img{border:2px solid #1c1a17;margin-inline-start:-20px}.empty-state{text-align:center;color:#a8a096;flex-direction:column;grid-column:1/-1;align-items:center;padding:60px 20px;display:flex}.empty-state h2{color:#f3efe9}.sync-info{background:#1c1a17;border:1px dashed #34302b;border-radius:18px;flex-direction:column;align-items:start;margin-top:30px;padding:20px;font-size:14px;display:flex}.sync-info span{color:#a8a096;font-size:13px}.docked-panel{z-index:12;inset-inline-end:0;background:#171513;border-inline-start:1px solid #24211e;width:340px;padding:28px 16px;position:fixed;top:0;bottom:0;overflow:auto}.panel-visible{grid-template-columns:232px minmax(0,1fr) 340px}.panel-visible main{padding-inline-end:40px}.docked-panel header h2{color:#e8aa4c;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.docked-panel>:not(.art-glow):not(.empty-glow),[data-testid=mixer_sheet]>:not(.art-glow):not(.empty-glow){position:relative}.mix-title{white-space:nowrap;text-overflow:ellipsis;margin:14px 0 4px;font-size:22px;overflow:hidden}.countdown{color:#bdb6ac;font-size:13px}.transport button{padding:8px;font-size:12px}.transport .light{border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.timer-ring span{background:#171513;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.track{background:#201d1a;border:1px solid #2c2824;border-radius:16px;flex-direction:column;gap:10px;margin-bottom:10px;padding:12px;display:flex}.track-title{align-items:center;gap:6px;font-size:14px;display:flex}.track-title button{background:0 0;border:0;width:36px;min-width:36px;padding:0}input[type=range]{height:28px;min-height:28px;padding:0}.range-hit{margin-block:-8px;padding-block:8px;display:flex}.track input{accent-color:#e8aa4c;border:0;width:100%;padding:0}.segments{background:#171513;border-radius:10px;gap:4px;display:flex}.segments button{background:0 0;border:0;flex:1;padding:8px 4px;font-size:12px}.segments button[aria-pressed=true]{color:#f3efe9;background:#34302b}.timer-chips{flex-wrap:wrap;gap:4px;margin-top:20px;display:flex}.docked-panel form{flex-wrap:wrap;gap:8px;display:flex}.docked-panel form input,.docked-panel form button{width:100%}.player{transition:transform .28s var(--ease-out), opacity .28s var(--ease-out);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;bottom:20px;background:#201d1a;border:1px solid #2c2824;border-radius:24px;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;inset-inline:256px 24px}.panel-visible .settings-layout{grid-template-columns:minmax(0,720px) minmax(180px,260px)}.panel-visible .settings-layout>.phone-card{max-width:300px}.mini-art{flex-shrink:0;width:60px;display:flex}.mini-art img{object-fit:cover;border:2px solid #201d1a;border-radius:10px;width:44px;height:44px}.mini-art img+img{margin-inline-start:-30px;transform:rotate(8deg)}.player .player-title{background:0 0;border:0;display:block}.save-as{width:100%;margin-top:16px}.mix-menu{margin-inline-start:auto}.mix-menu summary{cursor:pointer;text-align:center;min-width:44px;min-height:44px;font-size:24px}.mix-menu button{font-size:12px}.settings-layout input[type=range]{accent-color:#e8aa4c;min-width:120px}.docked-panel>label{font-size:12px}.player .mini-art+button{min-width:0}.player-title{text-align:start;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.docked-panel .track-title strong{min-width:0}.docked-panel .track-title img{width:40px;height:40px}.docked-panel .track-title button{flex-shrink:0}.docked-panel input{max-width:100%}.preset .badge{color:#f3efe9;inset-inline-end:8px;background:#121110cc;border-radius:18px;align-items:center;gap:4px;padding:5px 8px;font-size:12px;display:flex;position:absolute;top:8px}.search-field{background:#22201e;border:1px solid #3b3731;border-radius:30px;align-items:center;width:260px;max-width:100%;padding-inline-end:12px;display:flex}.search-field .search{background:0 0;border:0;border-radius:30px;width:100%;min-width:0;max-width:none}.search-hint{color:#a8a096;border:1px solid #34302b;border-radius:6px;flex:0 0 22px;place-items:center;height:22px;font-size:12px;line-height:1;display:grid}.mix-menu:not([open]){height:44px}.saved-row>button{flex:1}.empty-state a{color:#e8aa4c}.track-title button[aria-pressed=true]{color:#e8aa4c;background:0 0}.player-title small{color:#a8a096;white-space:nowrap;font-size:12px;display:block}.timer-chips button{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 8px;font-size:12px}summary:focus-visible{outline-offset:3px;outline:2px solid #e8aa4c}main{width:100%;min-width:0;max-width:none;margin:0;padding:36px 40px 160px;position:relative}.home-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-header>div{min-width:0}@media (width>=1280px){main:has(>.home-header)>.search-field{inset-inline-end:40px;width:240px;position:absolute;top:40px}.panel-visible main:has(>.home-header)>.search-field{width:210px;inset-inline-end:40px}main:has(>.home-header) .home-header{padding-inline-end:250px}}.tile-volume::-webkit-slider-runnable-track{background:#f3efe966;border-radius:2px;height:3px}.tile-volume::-webkit-slider-thumb{appearance:none;background:#f3efe9;border-radius:50%;width:8px;height:8px;margin-top:-2.5px}.tile-volume::-moz-range-track{background:#f3efe966;border-radius:2px;height:3px}.tile-volume::-moz-range-thumb{background:#f3efe9;border:0;border-radius:50%;width:8px;height:8px}.docked-panel>header{justify-content:space-between;align-items:center;display:flex}.docked-panel>header h2{margin:0}.transport .stop-all{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;min-height:40px;display:grid}.transport .timer-ring{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;min-height:40px;padding:3px;display:grid}.transport{justify-content:space-between;align-items:center;gap:8px;margin:20px 0;padding:0 24px;display:flex}[data-testid=mixer_sheet]{isolation:isolate}.art-glow,.empty-glow{pointer-events:none;z-index:-1;height:360px;position:absolute;inset-block-start:0;inset-inline:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.art-glow img,.empty-glow img{object-fit:cover;filter:blur(48px)saturate(1.15);opacity:.55;width:calc(100% + 128px);max-width:none;height:calc(100% + 128px);position:absolute;inset:-64px}.depth-spinner{width:14px;height:14px;animation:depth-spin var(--spinner-duration) linear infinite;vertical-align:middle;border:2px solid #a8a096;border-inline-end-color:#0000;border-radius:50%;margin-inline-end:4px;display:inline-block}@keyframes depth-spin{to{transform:rotate(360deg)}}@keyframes depth-pulse{50%{opacity:.3}}.depth-error{color:#e5867a;margin:0;font-size:13px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.settings-layout .warm{padding:20px}.settings-layout .warm>:first-child{margin-top:0}.fade-control{align-items:center;gap:12px;max-width:100%;display:flex}.settings-layout .fade-control input{flex:1;width:200px;min-width:0;padding:0}.fade-control>span{white-space:nowrap}dialog:focus{outline:none}.hero{isolation:isolate;background:#201d1a;border-radius:24px;flex-direction:column;justify-content:end;align-items:start;height:300px;padding:36px;padding-inline-end:48%;display:flex;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity var(--hero-duration) var(--ease-out);z-index:-1;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-copy{transition:transform var(--hero-duration) var(--ease-out);position:absolute;inset-block-end:100px;inset-inline:36px 48%;transform:translateY(6px)}.hero-slide.active .hero-copy{transform:translateY(0)}.hero>button{margin-block-end:24px}.hero-dots{display:flex;position:absolute;inset-block-end:6px;inset-inline-start:28px}.hero-dots button{background:0 0;border:0;place-items:center;min-width:28px;padding:8px 4px;display:grid}.hero-dots span{width:6px;height:6px;transition:width var(--hero-duration) var(--ease-out);background:#a8a096;border-radius:6px}.hero-dots [aria-pressed=true] span{background:#e8aa4c;width:20px}.hero-background{object-fit:cover;filter:blur(30px)brightness(.4);z-index:-2;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.hero-picture{aspect-ratio:16/10;object-fit:cover;z-index:-1;inset-inline-end:28px;border-radius:16px;width:min(380px,43%);position:absolute;top:50%;transform:translateY(-50%)}.hero p{color:#bdb6ac;margin:8px 0}.preset{text-align:start;scroll-snap-align:start;background:0 0;border:0;border-radius:0;flex-direction:column;flex:0 0 212px;justify-content:flex-start;padding:0;display:flex;position:relative;overflow:visible}.preset img{object-fit:cover;border-radius:14px;flex-shrink:0;width:100%;height:132px;display:block}.empty-state p{max-width:340px;margin-bottom:32px}.empty-state a.primary{color:#121110;border-radius:24px;min-height:44px;padding:10px 20px}.settings-sections{min-width:0;max-width:720px}.settings-section{background:#1c1a17;border:1px solid #2c2824;border-radius:20px;margin-bottom:20px;padding:8px 0}.settings-section h2{letter-spacing:1.5px;text-transform:uppercase;color:#a8a096;align-items:center;gap:16px;margin:0;padding:16px 20px 8px;font-size:12px;display:flex}.section-icon{color:#bdb6ac;background:#2a2622;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.settings-row{text-align:start;background:0 0;border:0;border-radius:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 20px;font-size:16px;display:grid}.settings-row>svg{color:#bdb6ac}.row-copy{overflow-wrap:anywhere;min-width:0}.row-copy small{color:#a8a096;margin-top:4px;font-size:13px;display:block}[dir=rtl] .row-trailing>svg{transform:scaleX(-1)}.row-trailing{color:#a8a096;align-items:center;gap:6px;font-size:13px;display:flex}.premium-row>svg{color:#e8aa4c}.danger{color:#e5867a}.language-row{position:relative}.language-row select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.language-row:focus-within{outline:2px solid #e8aa4c}.settings-version{color:#a8a096;padding-inline:20px;font-size:12px}.sync-chip{color:#e8aa4c;background:#e8aa4c15;border:1px solid #e8aa4c;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}[data-testid=sign_in_sheet]{max-width:440px;padding:24px}[data-testid=sign_in_sheet_close]{background:0 0;border:0;border-radius:50%;width:40px;padding:0}[data-testid=sign_in_card] h2{margin:20px 0;font-size:22px}[data-testid=sign_in_card] .account-actions{flex-direction:column;gap:12px}[data-testid=sign_in_card] .account-actions button{justify-content:center;align-items:center;gap:12px;min-height:52px;display:flex}[data-testid=sign_in_card] form{border-top:1px solid #2c2824;flex-direction:column;align-items:stretch;margin-top:20px;padding-top:20px;display:flex}.email-field{align-items:center;display:flex;position:relative}.email-field svg{color:#a8a096;position:absolute;inset-inline-start:14px}.email-field input{padding-inline-start:46px}[data-testid=sign_in_card] form button{min-height:48px;font-size:16px}.premium-steps{counter-reset:steps;color:#a8a096;gap:20px;padding:0;font-size:15px;list-style:none;display:grid}.premium-steps li{counter-increment:steps;grid-template-columns:18px 22px minmax(0,1fr);gap:8px;display:grid}.premium-steps li:before{content:counter(steps) ".";color:#e8aa4c}.premium-steps .store-links{margin-top:12px}@media (hover:hover) and (pointer:fine){.settings-row:is(button,a):hover{background:#22201e}}@media (width<=1023px){.settings-row.shortcuts-row{display:none}@media (width<=359px){[data-testid=premium_sheet] .store-links{flex-direction:column}[data-testid=premium_sheet] .store-button{flex:auto}}.home-logo{border-radius:9px;flex-shrink:0;align-self:flex-start;width:36px;height:36px;margin-top:2px;display:block}.home-header>div{flex:1}aside:not(.docked-panel){display:none}.player button{padding:8px;font-size:12px}.player button:last-child{font-size:0}.player button:last-child svg{width:20px}.shell{display:block}aside.rail{display:none}main,.panel-visible main{padding:40px 16px calc(210px + env(safe-area-inset-bottom))}h1{font-size:28px}.search-field{display:none}.search-field.expanded{width:100%;max-width:none;display:flex}.phone-search{border-radius:50%;flex-shrink:0;padding:10px;display:flex;position:static}.greeting{margin-inline-end:0}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 12px}.tile img{aspect-ratio:3/2;height:auto}.tile-volume{top:54px}.tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;padding:0 8px env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));bottom:0;background:#171513;border:0;border-top:1px solid #24211e;border-radius:0;gap:0;display:flex;position:fixed;inset-inline:0;transform:none}.tabs a{border-radius:0;flex-direction:column;flex:1;gap:3px;padding:8px 4px;font-size:11px;display:flex}.tabs a span{display:block}.tabs a[data-status=active]{color:#f3efe9;background:0 0}.player{inset-inline:12px;bottom:calc(76px + env(safe-area-inset-bottom));border-radius:18px;gap:6px;padding:8px}.panel-visible .settings-layout,.settings-layout{grid-template-columns:1fr}.settings-layout label{flex-wrap:wrap}.library-tabs{width:100%}.library-tabs button{flex:1;padding:8px;font-size:13px}dialog[data-testid=mixer_sheet]>header{display:none}.sheet-drag{touch-action:none;margin-top:-20px;padding-top:8px}.sheet-handle{background:#4b453f;border-radius:3px;width:40px;height:5px;margin:0 auto 12px}.sheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-header h2{margin:0}.sheet-header button{font-size:24px}dialog[data-testid=mixer_sheet]{background:#171513;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0;overflow:auto}dialog:not([open]){transform:translateY(16px)}@starting-style{dialog[open]{opacity:0;transform:translateY(16px)}}dialog{transition-duration:.2s;transition-timing-function:var(--ease-float)}dialog[data-testid=mixer_sheet]{transition:transform .5s var(--ease-drawer), overlay .5s var(--ease-drawer) allow-discrete, display .5s var(--ease-drawer) allow-discrete;opacity:1}dialog[data-testid=mixer_sheet]:not([open]){opacity:1;transform:translateY(100%)}@starting-style{dialog[data-testid=mixer_sheet][open]{transform:translateY(100%)}}dialog{max-width:calc(100% - 24px);margin:auto auto 12px;padding:20px;position:fixed}.track-title strong,.segments button{min-width:0}select{max-width:100%}[data-testid=sign_in_card] form{flex-wrap:wrap}[data-testid=sign_in_card] form label{flex-basis:100%}.tile span{font-size:12px}.search-hint{display:none}.player .player-title{font-size:13px}.hero{padding:24px;height:280px;padding-inline-end:45%}.hero-copy{inset-inline:24px 45%}.hero-dots{inset-inline-start:16px}.hero-picture{width:38%;inset-inline-end:16px}.hero h1{font-size:24px}.fade-row{align-items:flex-start}}@media (prefers-reduced-motion:reduce){:root{--hero-duration:0s}:root .hero-copy{transform:none}:root .depth-spinner{width:6px;height:6px;animation:depth-pulse calc(2 * var(--spinner-duration)) var(--ease-in-out) infinite;background:#a8a096;border:0}:root .docked-panel,:root .player,:root .notice{transition:opacity .2s}@starting-style{:root .docked-panel,:root .player,:root .notice{transform:none}}:root dialog,:root dialog:not([open]),:root dialog[data-testid=mixer_sheet]:not([open]){transform:none}:root dialog[data-testid=mixer_sheet]{transition:opacity .2s ease, overlay .2s allow-discrete, display .2s allow-discrete}:root dialog[data-testid=mixer_sheet]:not([open]){opacity:0}@starting-style{:root dialog[open]{opacity:0;transform:none}}:root button:active,:root .tabs a:active,:root aside nav a:active,:root .tile:active,:root .preset:active{transform:none}:root .bars i{animation:none}:root,:root *,:root :before,:root :after{scroll-behavior:auto;animation:none}}[data-testid=sign_in_email_submit]:disabled{color:#999;opacity:1;background:#333}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}