@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2")}:root{color:#f9f5ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#15121d;--display-font:"Fraunces", Georgia, serif;--heading:#fff8ec;--peach:#ffb187;--peach-gradient:linear-gradient(125deg, #ffba91, #f6a27f);--panel:#282435;--line:#302d3c;--muted:#b9afd0;--accent:#c8afff;--ink:#1b1425;background:#15121d;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:linear-gradient(155deg,#292131 0,#1c1826 380px,#15121d 820px) fixed;min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled),a{touch-action:manipulation}a{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #d3bfff}::selection{background:#bfa7f244}svg{flex-shrink:0}input{min-width:0}button{transition:background .16s,color .16s,border-color .16s,transform .16s}button:not(:disabled):active{transform:scale(.98)}.muted{color:var(--muted)}.small{font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}h1,.modal-heading h2,.saved-copy h2,.mix-name-field input,.timer-duration strong,.fade-heading h3,.mix-play,.timer-footer .primary-button,.timer-option.selected,.brand{font-family:var(--display-font);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;font-weight:700}h1,.modal-heading h2,.saved-copy h2,.timer-duration strong,.fade-heading h3{color:var(--heading)}.app-shell{min-height:100dvh}.main-content{max-width:600px;padding:calc(27px + env(safe-area-inset-top)) 23px calc(94px + env(safe-area-inset-bottom));margin:0 auto}.sidebar{display:none}h1{letter-spacing:-1.3px;font-size:44px;font-weight:700;line-height:1.08}.page-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-description{color:var(--muted);letter-spacing:-.2px;margin-top:5px;font-size:16px;line-height:1.45}.icon-button{width:42px;min-width:42px;height:42px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--accent);background:#ffffff08}.heading-circle{color:#d7c6f5;background:#342d43;width:38px;min-width:38px;height:38px;margin-top:1px}.text-button{min-height:44px;color:var(--accent);justify-content:center;align-items:center;gap:9px;padding:5px 0;font-size:15px;display:inline-flex}.primary-button,.secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 18px;font-size:15px;font-weight:600;display:inline-flex}.primary-button{color:var(--ink);background:linear-gradient(110deg,#c9afff,#c2a4f7);box-shadow:inset 0 1px #eee0ff24}.primary-button:hover{background:#ceb6ff}.secondary-button{color:#ded3f2;background:#2a2637;border:1px solid #3b354d}.search{color:#b5afc4;background:#302a3f90;border:1px solid #494054;border-radius:11px;align-items:center;gap:11px;height:43px;padding:0 12px;display:flex;box-shadow:inset 0 1px #ffffff03}.search input{outline-offset:2px;color:#f0ecf6;background:0 0;border:0;width:100%;height:100%;font-size:16px}.search input::-webkit-search-cancel-button{display:none}.search input::placeholder{opacity:1;color:#b3aebe}.search .icon-button{width:28px;min-width:28px;height:30px}.category-tabs{align-items:center;gap:8px;margin:15px 0 9px;display:flex}.category-tab{color:#c3bdcf;background:#2b26378c;border:1px solid #443a52;border-radius:24px;min-height:32px;padding:4px 12px;font-size:12px}.category-tab.favorite-filter{flex:0 0 40px;justify-content:center;align-items:center;padding-inline:0;display:inline-flex}.category-tab.selected{color:#1e162b;background:linear-gradient(110deg,#cdb5ff,#bfa7f1);border-color:#0000;font-weight:600}.sound-groups{flex-direction:column;gap:24px;margin-top:22px;display:flex}.sound-group-title{color:var(--muted);letter-spacing:.02em;margin:0 0 6px;font-size:14px;font-weight:600}.sound-list{flex-direction:column;display:flex}.sound-row{border-bottom:0;align-items:center;gap:8px;min-height:65px;display:flex}.sound-row:last-child{border-bottom-color:#0000}.sound-main{text-align:left;flex:1;align-items:center;gap:19px;min-width:0;padding:7px 0;display:flex}.sound-copy{min-width:0}.sound-copy :is(h2,h3){letter-spacing:-.25px;font-size:20px;font-weight:500;line-height:1.35}.sound-tile{isolation:isolate;color:#fffaf2;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff25,inset 0 0 0 1px #ffffff08}.sound-tile:after{content:"";pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h100v100H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.tone-sand{--tile-detail:#ba795e;background:linear-gradient(130deg,#bc7a61,#bd715b)}.tone-lavender{--tile-detail:#a794d4;background:linear-gradient(135deg,#b6a1e8,#a28ade)}.tone-rose{--tile-detail:#e091a5;background:linear-gradient(135deg,#ef97ae,#df86a2)}.tone-sage{--tile-detail:#84a58c;background:linear-gradient(135deg,#83a98c,#82a28b)}.tone-ice{color:#31577c;--tile-detail:#a4c8e6;background:linear-gradient(135deg,#a4d1f4,#8ebde8)}.tone-blue{--tile-detail:#72b2d5;background:linear-gradient(135deg,#70b8e1,#629aca)}.tone-mist{--tile-detail:#8b8594;background:linear-gradient(135deg,#898493,#7c788b)}.tone-teal{--tile-detail:#74ab9e;background:linear-gradient(135deg,#78b1a4,#65a598)}.small-tile{border-radius:10px;width:35px;height:36px}.row-play{width:40px;min-width:40px;height:44px;color:var(--accent);isolation:isolate;border-radius:50%;place-items:center;display:grid;position:relative}.row-play:before{content:"";z-index:-1;background:#302a3e;border-radius:50%;width:38px;height:38px;position:absolute}.row-play svg{margin-left:2px}.row-play:hover:before{background:#30293f}.row-play.is-added:before{background:#bfa7f2}.row-play.is-added{color:#21192c}.is-playing .sound-copy :is(h2,h3){color:#dac8fa}.is-favorite{color:var(--accent)}.mobile-nav{z-index:30;height:calc(73px + env(safe-area-inset-bottom));padding:5px max(14px, calc((100vw - 550px) / 2)) calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#15121dea,#15121dfc 35%);border-top:0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#aaa3bb;isolation:isolate;flex-direction:column;align-items:center;gap:4px;min-width:72px;height:58px;padding:7px 10px;font-size:12px;display:flex;position:relative}.mobile-nav button svg{width:25px;height:25px}.mobile-nav button.active{color:var(--accent);font-weight:600}.mobile-nav button.active:after{content:"";z-index:-1;background:#342b48;border-radius:22px;width:46px;height:31px;position:absolute;top:3px}.offline-indicator{color:var(--muted);align-items:center;gap:7px;margin:0 0 14px;font-size:12px;display:flex}.offline-indicator>span{background:#d4b995;border-radius:50%;width:5px;height:5px}.show-now-playing .main-content{padding-top:calc(13px + env(safe-area-inset-top));padding-bottom:calc(26px + env(safe-area-inset-bottom))}.now-header{justify-content:space-between;align-items:center;height:44px;margin:0 -5px 13px;display:flex}.now-header>span{letter-spacing:2.6px;color:#c0b9cf;font-size:10px;font-weight:600}.now-header .icon-button{color:var(--accent)}.now-content{flex-direction:column;align-items:center;display:flex}.now-cover{aspect-ratio:.94;border-radius:50% 50% 12% 12%/46% 46% 11% 11%;width:84%;overflow:hidden;box-shadow:0 15px 40px #0000000a,inset 0 0 0 1px #ffffff05}.cover-art,.landscape{width:100%;height:100%;display:block}.now-details{text-align:center;margin-top:18px}.now-details h1{letter-spacing:-1px;font-size:36px;font-weight:700;line-height:1.1}.now-details p{color:#aaa3b9;margin-top:4px;font-size:16px}.continuous{color:var(--muted);align-items:center;gap:9px;margin-top:14px;font-size:12px;display:flex}.play-button{color:#16121e;background:linear-gradient(130deg,#d0b2ff,#b99aea);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.play-button:hover{background:#d0baff}.play-button>svg.lucide-play{margin-left:3px}.large-play{background:var(--peach-gradient);width:86px;height:86px;margin-top:20px}.volume-control{color:#b3abc4;align-items:center;gap:10px;min-width:0;display:flex}.volume-control .range{flex:1}.now-content>.volume-control{width:100%;margin-top:11px}.range{appearance:none;cursor:pointer;--range-progress:65%;background:0 0;min-width:0;height:28px;margin:0;display:block}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--range-color,#c7a6fa) 0 var(--range-progress), var(--range-track,#433c55) var(--range-progress) 100%);border-radius:10px;height:5px}.range::-moz-range-track{background:linear-gradient(to right, var(--range-color,#c7a6fa) 0 var(--range-progress), var(--range-track,#433c55) var(--range-progress) 100%);border-radius:10px;height:5px}.range::-webkit-slider-thumb{appearance:none;background:var(--range-color,#c7a6fa);border:0;border-radius:50%;width:17px;height:17px;margin-top:-6px;box-shadow:0 1px 5px #0002,inset 0 1px 1px #ffffff30}.range::-moz-range-thumb{background:var(--range-color,#c7a6fa);border:0;border-radius:50%;width:17px;height:17px}.now-content .range::-webkit-slider-thumb{background:#f3f0f7;width:18px;height:18px;margin-top:-6.5px}.now-content .range::-moz-range-thumb{background:#f3f0f7;width:18px;height:18px}.now-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:15px;display:grid}.now-action{text-align:left;background:#2c263a99;border:1px solid #272331;border-radius:16px;justify-content:center;align-items:center;gap:13px;min-height:58px;padding:10px;display:flex}.now-action>svg{color:#c2b9d5}.now-action strong{font-size:12px;font-weight:600;display:block}.now-action>span>span{color:#afa5bd;margin-top:1px;font-size:11px;display:block}.spatial-toggle-wrap{flex-direction:column;align-items:center;margin-top:12px;display:flex}.spatial-toggle{color:#b3abc4;background:0 0;border:1px solid #413a52;border-radius:999px;align-items:center;gap:9px;min-height:40px;padding:0 8px 0 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.spatial-toggle:hover{border-color:#5a5170}.spatial-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spatial-mark{flex-shrink:0}.spatial-mark .spatial-ring{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.spatial-mark .spatial-body{fill:currentColor}.spatial-state{letter-spacing:.08em;text-transform:uppercase;color:#8a819c;min-width:2.2em;font-size:11px;font-weight:700}.spatial-switch{background:#3b354a;border-radius:999px;width:34px;height:20px;transition:background .2s;position:relative}.spatial-switch:after{content:"";background:#8a819c;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.spatial-toggle.on{border-color:var(--accent);color:var(--heading);background:#c8afff1f}.spatial-toggle.on .spatial-mark,.spatial-toggle.on .spatial-state{color:var(--accent)}.spatial-toggle.on .spatial-switch{background:var(--accent)}.spatial-toggle.on .spatial-switch:after{background:var(--ink);transform:translate(14px)}.spatial-note{color:var(--muted);text-align:center;margin-top:7px;font-size:12px}@media (prefers-reduced-motion:reduce){.spatial-toggle,.spatial-switch,.spatial-switch:after{transition:none}}.save-mix{min-height:34px;padding-right:0;font-size:16px;font-weight:600}.mix-name-field{background:#30293c99;border:1px solid #4c405c;border-radius:13px;align-items:center;min-height:47px;padding:0 9px 0 15px;display:flex}.mix-name-field input{width:100%;color:var(--heading);background:0 0;border:0;flex:1;padding:7px 0;font-size:24px;font-weight:700}.mix-name-field input[readonly]{cursor:default}.mix-name-field input::placeholder{color:#a59cad}.mix-name-field .icon-button{width:32px;min-width:32px}.mix-count{color:var(--muted);letter-spacing:.06em;margin:6px 1px 15px;font-size:12px}.mixer-layers{flex-direction:column;gap:10px;display:flex}.mixer-layer{background:color-mix(in srgb, var(--layer-color,#c8afff) 10%, var(--layer-base,#211d2a));border:1px solid #2a2635;border-color:color-mix(in srgb, var(--layer-color,#c8afff) 27%, #292431);border-radius:14px;align-items:center;gap:14px;min-height:80px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff02}.mixer-layer>.sound-tile{border-radius:14px;width:52px;height:52px}.layer-controls{flex:1;min-width:0}.layer-top{align-items:center;gap:0;height:33px;display:flex}.layer-top h2{flex:1;font-size:16px;font-weight:500;line-height:1.25}.layer-top .icon-button{width:31px;min-width:31px;height:36px}.layer-top .remove-layer{margin-left:6px;margin-right:-5px}.layer-volume{align-items:center;gap:13px;display:flex}.layer-volume .range{flex:1;width:100%}.volume-value{text-align:right;color:#c0b7d2;font-variant-numeric:tabular-nums;min-width:34px;font-size:12px}.add-sounds-button,.create-mix-button{color:#c8b3ed;background:#2b2538b3;border:1px solid #554563;border-radius:14px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:51px;margin-top:12px;font-size:15px;font-weight:500;display:flex}.add-sounds-button:hover,.create-mix-button:hover{background:#25212f}.master-card{background:#2b2538b3;border:1px solid #3c3248;border-radius:14px;margin-top:13px;padding:13px 14px 10px}.master-heading{justify-content:space-between;align-items:center;display:flex}.master-heading h2{font-size:15px;font-weight:500}.master-heading>svg{color:#b4abc5}.master-card .volume-control{min-height:30px;margin-top:5px}.master-card .volume-mute{display:none}.mix-play{border-radius:18px;width:100%;margin-top:16px;font-size:18px;font-weight:700}.mix-play svg{width:21px;height:21px}.mixer-timer{color:#bcb2cf;background:#211d2a;border:1px solid #2d2839;border-radius:25px;justify-content:center;align-items:center;gap:8px;min-height:30px;margin:10px auto 0;padding:5px 14px;font-size:12px;display:flex}.timer-active{color:var(--accent)}.saved-tabs{background:#2c263a;border:1px solid #3c324b;border-radius:16px;margin-bottom:13px;padding:3px;display:flex}.saved-tabs button{color:#bcb3cd;border-radius:13px;flex:1;min-height:35px;font-size:14px;font-weight:500}.saved-tabs button.selected{color:#1b1526;background:linear-gradient(100deg,#c7aafa,#bea3ef);box-shadow:0 1px 4px #0002,inset 0 1px #efe3ff20}.saved-grid{flex-direction:column;gap:11px;display:flex}.saved-card{background:#2a2436bd;border:1px solid #362e43;border-radius:17px;gap:14px;min-height:144px;padding:10px;display:flex;position:relative}.saved-art{border-radius:26px;flex-shrink:0;align-self:stretch;width:112px;min-height:123px;padding:0;display:flex;overflow:hidden}.saved-art .landscape{object-fit:cover}.saved-copy{flex:1;min-width:0;padding-top:5px}.saved-copy h2{letter-spacing:-.35px;overflow-wrap:anywhere;padding-right:22px;font-size:22px;font-weight:700;line-height:1.15}.saved-copy>p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35}.saved-sound-icons{flex-wrap:wrap;gap:6px;margin-top:11px;padding-right:38px;display:flex}.saved-sound-icons .small-tile{background:color-mix(in srgb, var(--tile-detail) 65%, #24212d)}.saved-count{color:#b1a8bf;margin-top:9px;font-size:11px;display:block}.mix-more{width:33px;min-width:33px;height:30px;position:absolute;top:9px;right:7px}.saved-play{width:43px;height:43px;position:absolute;bottom:15px;right:13px}.mix-menu{z-index:3;background:#30283f;border:1px solid #51445f;border-radius:10px;min-width:132px;padding:5px;position:absolute;top:38px;right:15px;box-shadow:0 12px 30px #0005}.mix-menu button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px;font-size:14px;display:flex}.mix-menu button:hover{background:#ffffff09}.create-mix-button{background:#211e2a;border-style:solid;border-color:#302a3c;min-height:54px;margin-top:13px}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:54px 15px;display:flex}.empty-state>svg{color:var(--accent)}.empty-state h2{color:#ebe4f4;font-size:21px;font-weight:500}.empty-state p{max-width:290px;font-size:14px;line-height:1.7}.has-mini-player .main-content{padding-bottom:calc(172px + env(safe-area-inset-bottom))}.mini-player{bottom:calc(73px + env(safe-area-inset-bottom));z-index:31;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#292331f7;border:1px solid #44374f;border-radius:13px 13px 0 0;align-items:center;gap:5px;padding:9px 10px;display:flex;position:fixed;left:10px;right:10px;box-shadow:0 -5px 25px #0001}.mini-description{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.mini-description>span:last-child{min-width:0}.mini-description strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.mini-description>span>span{color:#b8adc8;margin-top:3px;font-size:10px;display:block}.mini-player .play-button{width:40px;height:40px}.mini-volume{display:none}.modal{color:#f9f5ef;background:#201b2a;border:1px solid #3b3249;border-radius:21px;width:470px;max-width:calc(100% - 28px);max-height:calc(100dvh - 40px);padding:0;box-shadow:0 30px 100px #0005}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09070fbf}.modal-inner{padding:23px}.modal-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-heading h2{letter-spacing:-.6px;font-size:28px;font-weight:700}.modal-heading .icon-button{margin-right:-8px}.modal-description{color:#bfb3ce;margin:15px 0 23px;font-size:14px;line-height:1.7}.field-label{color:#d0c3df;margin-bottom:8px;font-size:13px;display:block}.text-input{color:#f5f0fa;background:#141019;border:1px solid #54415f;border-radius:9px;width:100%;padding:13px}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.danger{color:#291821;background:#ebacb5}.modal-timer{background:linear-gradient(155deg,#292131 0%,#1c1826 44%,#15121d 100%);border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0}.modal-timer .modal-inner{width:100%;max-width:560px;min-height:100%;padding:calc(14px + env(safe-area-inset-top)) 23px calc(19px + env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex}.modal-timer .modal-heading{display:block}.modal-timer .modal-heading h2{letter-spacing:-1px;margin-top:3px;font-size:42px;font-weight:700;line-height:1.12}.timer-back{height:38px;margin-left:-12px}.timer-description{color:var(--muted);margin-top:4px;font-size:16px}.timer-illustration{margin:18px auto 2px}.sleep-moon{width:226px;height:92px;display:block}.timer-duration{text-align:center;flex-direction:column;gap:0;display:flex}.timer-duration strong{letter-spacing:-1px;font-size:42px;font-weight:700;line-height:1.2}.timer-duration>span{color:var(--muted);margin-top:2px;font-size:14px}.timer-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0;display:grid}.timer-option{background:linear-gradient(120deg,#211e2a,#25212e);border:1px solid #3d354b;border-radius:10px;min-height:46px;padding:8px;font-size:14px;font-weight:500}.timer-option.selected{background:var(--peach-gradient);color:#171020;border-color:#0000;font-size:16px}.custom-duration{text-align:left;border-top:1px solid #302936;border-bottom:1px solid #302936;justify-content:space-between;align-items:center;min-height:49px;padding:10px 2px;font-size:14px;display:flex}.inline-field{justify-content:space-between;align-items:center;gap:12px;min-height:55px;font-size:14px;display:flex}.inline-field input{color:#f4eefb;background:#25202d;border:1px solid #58446e;border-radius:7px;width:90px;padding:8px}.fade-card{background:#362634bb;border-radius:14px;margin-top:17px;padding:16px 14px 0}.fade-heading{border-bottom:1px solid #38313f;align-items:flex-start;gap:9px;padding-bottom:14px;display:flex}.fade-heading>div{flex:1}.fade-heading h3{font-size:22px;font-weight:700}.fade-heading p{color:#b7aabe;margin-top:4px;font-size:12px;line-height:1.45}.switch{background:#55505e;border-radius:20px;flex-shrink:0;width:49px;height:29px;margin-top:1px;padding:3px}.switch>span{background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .18s;display:block;box-shadow:0 1px 4px #0002}.switch.on{background:#bda2f0}.switch.on>span{transform:translate(20px)}.fade-duration{justify-content:space-between;align-items:center;gap:10px;min-height:46px;font-size:14px;display:flex}.fade-select{align-items:center;gap:6px;display:flex}.fade-select select{color:#c4b5d1;text-align:right;appearance:none;cursor:pointer;background:0 0;border:0;padding:10px 2px}.fade-select select option{background:#292233}.fade-duration.disabled{opacity:.5}.timer-note{color:#b9adca;align-items:center;gap:8px;margin-top:13px;font-size:11px;display:flex}.timer-footer{flex-direction:column;gap:8px;margin-top:auto;padding-top:25px;display:flex}.timer-footer .primary-button{border-radius:99px;width:100%;min-height:46px;font-size:21px}.timer-footer .text-button{font-size:15px}.modal-picker{width:530px}.picker-description{color:var(--muted);margin:9px 0 18px;font-size:13px}.picker-footer{background:#201b2af5;margin-top:15px;padding:13px 0 0;position:sticky;bottom:-23px}.picker-footer .primary-button{width:100%}.picker-notice{background:#3b2d4c;border:1px solid #6c5281;border-radius:9px;margin-top:10px;padding:12px;font-size:12px;position:sticky;bottom:57px}.settings-back{margin-bottom:8px;margin-left:-11px}.settings-groups{flex-direction:column;gap:28px;max-width:680px;display:flex}.settings-group>h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 16px;font-size:12px;font-weight:600}.settings-panel{background:#211d2b;border:1px solid #2f2a3b;border-radius:14px;overflow:hidden}.settings-row{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding:12px 16px;display:flex}.settings-row+.settings-row{border-top:1px solid #2f2a3b}.settings-row-wrap{flex-wrap:wrap}.settings-row-text{flex-direction:column;flex:1 1 0;gap:3px;min-width:0;display:flex}.settings-row-wrap .settings-row-text{flex-basis:260px}.settings-row-label{color:var(--heading);font-size:15px;font-weight:500}.settings-row-hint{color:var(--muted);font-size:13px;line-height:1.5}.settings-value{color:var(--muted);font-size:15px}.settings-controls{align-items:center;gap:14px;display:flex}.settings-button{border-radius:10px;flex-shrink:0;min-height:36px;padding:7px 14px;font-size:14px;font-weight:500}.settings-button:disabled{opacity:.6;cursor:default}.settings-link{color:var(--heading)}.settings-link svg{color:var(--muted)}.settings-link:hover,.settings-link:focus-visible{background:#ffffff08}.settings-row progress{width:100%;accent-color:var(--accent);flex-basis:100%}.settings-row .inline-error{flex-basis:100%;font-size:13px}.settings-note{color:var(--muted);margin:8px 16px 0;font-size:12px;line-height:1.5}.inline-link{color:var(--accent);font-size:inherit;text-underline-offset:3px;padding:0;text-decoration:underline}.segmented{background:#16131d;border:1px solid #342d40;border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.segmented button{color:#cfc4df;border-radius:7px;min-height:32px;padding:5px 13px;font-size:13px;font-weight:500}.segmented button[aria-checked=true]{color:#fff;background:#3a3150}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.choice-list{border:1px solid #342d40;border-radius:14px;margin:0;padding:0;overflow:hidden}.choice{cursor:pointer;align-items:flex-start;gap:12px;padding:13px 15px;display:flex}.choice+.choice{border-top:1px solid #342d40}.choice:has(input:checked){background:#2c2540}.choice input{accent-color:var(--accent);flex-shrink:0;width:18px;height:18px;margin:2px 0 0}.choice strong{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;font-weight:600;display:flex}.choice>span>span{color:#bfb3ce;margin-top:3px;font-size:13px;line-height:1.5;display:block}.choice .choice-status{color:var(--accent);font-size:12px;font-weight:500}.tradeoffs-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-size:13px;font-weight:600}.tradeoffs{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:13px;line-height:1.5;display:grid}.tradeoffs dt{color:var(--heading);font-weight:600}.tradeoffs dd{color:#bfb3ce;margin:0}.now-action strong.with-info{align-items:center;gap:5px;display:flex}.now-action strong.with-info svg{color:#8f86a3;flex-shrink:0}.install-steps{padding-left:20px}.install-steps li{padding-bottom:16px;font-size:14px}.install-steps p{color:#c2b3d2;margin-top:5px;font-size:13px;line-height:1.7}.info-note{color:#cdbedf;border:1px solid #41324c;border-radius:8px;padding:13px;font-size:12px;line-height:1.7}.night-scene{text-align:center;flex-direction:column;align-items:center;gap:15px;padding-bottom:15px;display:flex}.night-scene .landscape{border-radius:12px;height:170px;margin-top:15px}.night-scene .large-play{margin-top:0}.night-scene p{color:var(--muted);font-size:14px}.toast,.error-toast{bottom:calc(155px + env(safe-area-inset-bottom));z-index:90;color:#eee0ff;background:#3b2e4cf5;border:1px solid #69517e;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 28px);padding:12px 15px;font-size:12px;line-height:1.5;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 9px 30px #0004}.update-prompt{top:calc(12px + env(safe-area-inset-top));z-index:95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b2e4cf7;border:1px solid #69517e;border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:6px 6px 6px 15px;font-size:13px;line-height:1.4;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0007}.update-prompt>svg{color:var(--accent);flex-shrink:0}.update-refresh{background:var(--accent);min-height:36px;color:var(--ink);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:600}.update-prompt .icon-button{width:36px;min-width:36px;height:36px}@media (width>=700px){.update-prompt{max-width:calc(100vw - 255px);left:calc(50% + 108px)}}.error-toast{color:#ffe4ee;background:#4a2a3bee;border-color:#926478}.notification{animation:notification-life var(--notification-duration) linear both;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.notification-message{overflow-wrap:anywhere;flex:1;min-width:0}.notification .notification-dismiss{width:44px;min-width:44px;height:44px;color:inherit}@keyframes notification-life{0%,to{opacity:0}4%,92%{opacity:1}}.skip-link{z-index:200;background:var(--accent);color:var(--ink);border-radius:8px;padding:13px;position:fixed;top:-70px;left:12px}.skip-link:focus{top:10px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=359px){.main-content{padding-left:18px;padding-right:18px}.category-tabs{gap:6px}.category-tab{padding-inline:8px}.sound-main{gap:13px}.sound-copy :is(h2,h3){font-size:19px}.saved-card{gap:12px;padding:12px 10px}.saved-art{width:72px}.saved-copy h2{font-size:19px}.saved-copy>p{font-size:11px}.saved-sound-icons{gap:5px}.saved-sound-icons .small-tile{width:28px;height:31px}.saved-sound-icons svg{width:22px}.saved-play{width:40px;height:40px;right:10px}.mixer-layer{gap:10px;padding:9px 10px}.mixer-layer .sound-tile{width:41px;height:44px}.layer-top h2{font-size:14px}.layer-top .icon-button{width:27px;min-width:27px}.layer-top .remove-layer{margin-left:1px}.layer-volume{gap:8px}.modal-timer .modal-inner{padding-inline:20px}.fade-heading p{font-size:11px}.now-cover{width:87%}.now-action{gap:8px}.now-action>svg{width:24px}}@media (width>=700px){.app-shell{padding-left:216px}.sidebar{z-index:40;background:#17141f;border-right:1px solid #292331;flex-direction:column;width:216px;padding:34px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.9px;color:#e9dff7;align-items:center;gap:10px;font-size:23px;font-weight:600;text-decoration:none;display:flex}.brand-mark{border-radius:8px}.desktop-nav{flex-direction:column;gap:9px;margin-top:51px;display:flex}.desktop-nav button{text-align:left;color:#b2a7c1;border-radius:11px;align-items:center;gap:17px;min-height:52px;padding:10px 14px;font-size:15px;display:flex}.desktop-nav button.active{color:#cfb5fa;background:#2a2137}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-bottom .landscape{opacity:.8;border-radius:13px;height:100px}.sidebar-bottom p{color:#ab9cbb;margin:14px 0 20px;font-size:13px}.sidebar-bottom .text-button{color:#b4a1c9;justify-content:flex-start;min-height:38px;font-size:12px;display:flex}.main-content{max-width:960px;padding:52px 35px 70px}.main-content.page-mixer,.main-content.page-saved{max-width:660px}.main-content.page-settings{max-width:850px}.mobile-nav{display:none}h1{font-size:52px}.page-heading{margin-bottom:26px}.page-description{margin-top:6px;font-size:17px}.search{max-width:550px;height:45px}.category-tabs{gap:10px;margin:18px 0 16px}.category-tab{min-height:35px;padding-inline:22px;font-size:13px}.sound-row{min-height:75px}.sound-tile{border-radius:11px;width:49px;height:49px}.sound-copy :is(h2,h3){font-size:22px}.sound-main{gap:17px}.show-now-playing .main-content{max-width:620px;padding:24px 35px 35px}.now-cover{border-radius:50% 50% 12% 12%/46% 46% 11% 11%;width:min(82%,37vh);min-width:240px}.now-header{margin-bottom:16px}.now-details h1{font-size:40px}.now-content>.volume-control,.now-actions{max-width:420px}.now-action{min-height:62px}.now-action strong{font-size:14px}.now-action>span>span{font-size:12px}.now-details{margin-top:24px}.now-details p{font-size:17px}.continuous{margin-top:18px;font-size:13px}.large-play{width:98px;height:98px}.mixer-layer{gap:18px;min-height:95px;padding:16px 18px}.mixer-layers{gap:13px}.mix-name-field{min-height:51px}.mix-count{margin-bottom:20px}.layer-top h2{font-size:17px}.layer-volume{gap:20px}.master-card{padding:18px 20px 13px}.master-heading h2{font-size:16px}.add-sounds-button{min-height:56px;margin-top:15px}.mix-play{min-height:50px}.saved-tabs{margin-bottom:22px}.saved-tabs button{min-height:40px}.saved-card{gap:21px;min-height:169px;padding:18px}.saved-art{width:112px}.saved-copy h2{font-size:27px}.saved-copy>p{font-size:14px}.saved-count{margin-top:9px;font-size:12px}.saved-sound-icons{margin-top:12px}.small-tile{border-radius:8px;width:37px;height:38px}.saved-play{width:50px;height:50px;bottom:19px;right:18px}.mix-more{top:12px;right:13px}.create-mix-button{min-height:58px}.mini-player{border-radius:14px;gap:16px;padding:12px 16px;bottom:18px;left:236px;right:20px}.mini-volume{width:170px;display:block}.mini-description strong{font-size:14px}.mini-description>span>span{font-size:11px}.has-mini-player .main-content{padding-bottom:130px}.modal-timer{border:1px solid #34283f;border-radius:21px;width:450px;max-width:calc(100vw - 35px);height:auto;min-height:0;max-height:calc(100dvh - 36px);margin:auto;position:fixed;inset:0}.modal-timer .modal-inner{padding:17px 25px 19px}.modal-timer .modal-heading h2{font-size:42px}.timer-options{margin-top:19px}.timer-footer{padding-top:27px}.toast,.error-toast{max-width:calc(100vw - 255px);bottom:114px;left:calc(50% + 108px)}}@media (width>=1100px){.app-shell{padding-left:244px}.sidebar{width:244px;padding:40px 27px}.main-content{padding-inline:55px}.page-sounds .sound-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px;display:grid}.page-sounds .sound-main{gap:15px}.page-sounds .sound-tile{width:46px;height:46px}.page-sounds .sound-copy :is(h2,h3){font-size:20px}.page-sounds .row-play{width:37px;min-width:37px}.page-sounds .row-play:before{width:34px;height:34px}.main-content.page-mixer,.main-content.page-saved{max-width:720px}.mini-player{left:269px;right:25px}.toast,.error-toast{left:calc(50% + 122px)}}.sound-credits{margin:24px 0 0;padding:0;list-style:none}.sound-credits li{border-top:1px solid var(--line);padding:16px 0}.sound-credits h3{margin:0 0 6px;font-size:15px}.sound-credits a{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere}.sound-credits p{margin:6px 0 0;font-size:13px;line-height:1.6}.row-play .spin{margin-left:0}.page-mixer .page-description{font-family:var(--display-font);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;font-size:18px;font-weight:600}.now-header .icon-button:first-child{color:var(--peach)}.large-play:hover{background:#ffc4a1}.art-masks{pointer-events:none;position:absolute}.saved-art-frame{width:100%;height:100%;display:block}.mixer-layer{--layer-color:#c8afff;--range-color:var(--layer-color);--range-track:color-mix(in srgb, var(--layer-color) 24%, #332c3b)}.mixer-layer[data-tone=sand]{--layer-color:#f5b29b}.mixer-layer[data-tone=sage]{--layer-base:#1c2b2a;--layer-color:#acd8b7}.mixer-layer[data-tone=rose]{--layer-color:#f0abc4}.mixer-layer[data-tone=ice]{--layer-color:#9dcaf3}.mixer-layer[data-tone=blue]{--layer-color:#aabffe}.mixer-layer[data-tone=teal]{--layer-color:#9dd7cd}.mixer-layer[data-sound=rain]{--layer-base:#222237;--layer-color:#c7adff}.mixer-layer .volume-value,.mixer-layer .layer-mute{color:var(--layer-color)}.mixer-layer .remove-layer{color:color-mix(in srgb, var(--layer-color) 65%, #fff8ec)}.sound-illustration{width:100%;height:100%;display:block}.illustrated-tile.sound-brown{background:linear-gradient(135deg,#d98054,#aa5139)}.illustrated-tile.sound-white{background:linear-gradient(135deg,#7c715b,#584c43)}.illustrated-tile.sound-pink{background:linear-gradient(135deg,#f7a3af,#d87792)}.illustrated-tile.sound-fan{background:linear-gradient(135deg,#8fb198,#4c705d)}.illustrated-tile.sound-highway{background:linear-gradient(135deg,#5f5882,#8b83be)}.illustrated-tile.sound-ocean{background:linear-gradient(140deg,#8cd6c6,#317f87)}.mixer-layer[data-sound=rain] .sound-tile{background:linear-gradient(135deg,#929ce7,#514797)}@media (width<=359px){h1{font-size:39px}.now-details h1{font-size:31px}.saved-art{width:85px}.saved-copy h2{font-size:19px}.saved-card{gap:10px}.saved-copy>p{font-size:11px}.modal-timer .modal-heading h2{font-size:37px}.timer-illustration{margin-top:12px}.sleep-moon{width:200px;height:80px}}.radio-library{gap:30px;min-width:0;display:grid}.radio-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.radio-toolbar .search{flex:280px;margin:0}.search-clear{width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.radio-tabs{background:#1d1926;border:1px solid #342d40;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.radio-tabs button{color:#cfc4df;border-radius:9px;align-items:center;gap:6px;min-height:36px;padding:6px 15px;font-size:14px;font-weight:500;display:inline-flex}.radio-tabs button.active{color:#fff;background:#3a3150}.tab-count{background:#ffffff17;border-radius:10px;padding:1px 6px;font-size:11px}.radio-moods{scrollbar-width:none;gap:8px;margin-top:-14px;display:flex;overflow-x:auto}.radio-moods::-webkit-scrollbar{display:none}.filter-chip{color:#ddd2ec;background:#2b2537;border:1px solid #3a3249;border-radius:20px;flex-shrink:0;min-height:36px;padding:7px 15px;font-size:14px}.filter-chip:hover,.country-chip:hover{background:#352d44}.genre-chips .filter-chip{text-transform:capitalize}.radio-personal{background:linear-gradient(160deg,#3b2d4b,#251f31 65%);border:1px solid #45384f;border-radius:24px;gap:26px;min-width:0;padding:22px;display:grid}.radio-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--peach);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.radio-shelf{gap:12px;min-width:0;display:grid}.radio-shelf-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.radio-shelf-header h2,.radio-browse h2,.radio-list-heading h2{font-family:var(--display-font);letter-spacing:-.3px;color:var(--heading);margin:0;font-size:24px;font-weight:600}.radio-shelf.is-personal:first-child h2{font-size:30px}.radio-shelf-header p,.radio-section-label p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.5}.radio-shelf-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.shelf-arrow{background:#2b2537;border-radius:50%;width:34px;min-width:34px;height:34px}.see-all{white-space:nowrap;min-height:34px;padding:0 2px 0 8px;font-size:14px}.radio-shelf-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:148px;grid-auto-flow:column;gap:16px;margin:-3px -3px 0;padding:3px 3px 4px;display:grid;overflow-x:auto}.radio-shelf-track::-webkit-scrollbar{display:none}.station-card{text-align:left;min-width:0;color:inherit;scroll-snap-align:start;flex-direction:column;gap:3px;display:flex}.station-card-art,.station-row-art{background:#2b2537;display:block;position:relative;overflow:hidden}.station-card-art{aspect-ratio:1;border-radius:16px;margin-bottom:8px;box-shadow:0 6px 18px #0004}.station-card-art .radio-art,.station-row-art .radio-art{border-radius:0;width:100%;height:100%;display:block}.station-card-play{background:var(--peach);width:36px;height:36px;color:var(--ink);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(4px);box-shadow:0 4px 12px #0006}.station-card:hover .station-card-play,.station-card:focus-visible .station-card-play,.station-card.is-active .station-card-play,.station-row:hover .station-card-play,.station-row.is-active .station-card-play{opacity:1;transform:none}.station-card.is-active .station-card-art{outline:2px solid var(--accent);outline-offset:2px}.station-card strong{-webkit-line-clamp:2;color:var(--heading);-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.station-card small,.station-row-text small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px;overflow:hidden}.station-card.is-active strong,.station-row.is-active strong{color:var(--accent)}.radio-section-label{border-top:1px solid #2f2a3b;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:-10px;padding-top:26px;display:flex}.radio-section-label h2{font-family:var(--display-font);letter-spacing:-.5px;color:var(--heading);margin:0;font-size:34px;font-weight:600}.radio-browse,.radio-collection,.radio-results{gap:14px;min-width:0;display:grid}.country-chips,.genre-chips{flex-wrap:wrap;gap:8px;display:flex}.country-chip{color:#ece4f6;background:#2b2537;border:1px solid #3a3249;border-radius:12px;align-items:center;gap:8px;min-height:38px;padding:6px 14px;font-size:14px;display:inline-flex}.country-chip small{color:var(--muted);font-size:12px}.station-list{gap:2px;min-width:0;display:grid}.station-row{border-radius:14px;align-items:center;gap:4px;min-width:0;padding:6px 4px 6px 6px;display:flex}.station-row:hover{background:#ffffff08}.station-row.is-active{background:#2f2740}.station-row-main{text-align:left;min-width:0;color:inherit;flex:1;align-items:center;gap:13px;display:flex}.station-row-art{border-radius:11px;flex-shrink:0;width:52px;height:52px}.station-row-art .station-card-play{color:#fff;width:auto;height:auto;box-shadow:none;background:#15121dad;border-radius:0;inset:0}.station-row-text{gap:3px;min-width:0;display:grid}.station-row-text strong{white-space:nowrap;text-overflow:ellipsis;color:var(--heading);font-size:15px;font-weight:600;overflow:hidden}.station-row .icon-button{color:#bcb1cc;width:38px;min-width:38px;height:38px}.radio-back{justify-self:start;gap:6px;min-height:36px;font-size:14px}.radio-collection-header{justify-items:start;gap:6px;margin-bottom:8px;display:grid}.radio-collection-header h2{font-family:var(--display-font);letter-spacing:-.6px;color:var(--heading);margin:0;font-size:40px;line-height:1.1}.radio-collection-header p{color:var(--muted);margin:0 0 10px;font-size:15px;line-height:1.5}.browse-all{justify-self:start}.radio-filters.sort-only{grid-template-columns:minmax(0,220px)}.radio-art.has-logo{object-fit:cover;background:#2b2537}.radio-art.large.has-logo{border-radius:28px}@media (hover:none){.shelf-arrow{display:none}}@media (width>=1100px){.station-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}@media (width<=640px){.radio-library{gap:26px}.radio-tabs{width:100%}.radio-tabs button{flex:1;justify-content:center}.radio-personal{margin-inline:-8px;padding:18px 0 20px 16px}.radio-personal .radio-shelf-header{padding-right:16px}.radio-shelf-track{grid-auto-columns:128px;gap:13px;margin-right:-18px;padding-right:18px}.radio-shelf.is-personal:first-child h2{font-size:26px}.shelf-arrow{display:none}.radio-shelf-header h2{font-size:21px}.radio-collection-header h2{font-size:32px}.station-row-link{display:none}.browse-all{justify-self:stretch}}.radio-filters{grid-template-columns:1fr 1.2fr 1fr;gap:10px;display:grid}.radio-filters label,.alarm-field{color:#b9afd0;gap:7px;font-size:12px;display:grid}.radio-filters select,.alarm-field input,.alarm-field select{color:#fff8ec;width:100%;min-width:0;font:inherit;background:#282435;border:1px solid #45384f;border-radius:15px;padding:13px 10px;font-size:14px}.radio-art{border-radius:20px;flex-shrink:0;width:66px;height:66px}.radio-art.large{border-radius:40%;width:100%;height:100%}.radio-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.radio-credit{color:#b9afd0;font-size:12px;line-height:1.6}.radio-credit a{text-decoration:underline}.mobile-nav{grid-template-columns:repeat(5,1fr)}@media (width<=640px){.mobile-nav button{min-width:0;padding-left:4px;padding-right:4px}.mobile-nav button span{font-size:11px}}.alarm-page,.alarm-form{gap:22px;display:grid}.alarm-page>.primary-button{justify-self:start}.alarm-empty{text-align:center;color:#b9afd0;padding:45px 10px}.alarm-empty svg{color:#ffb187}.alarm-empty h2{color:#fff8ec}.alarm-card{background:#2b2435;border-radius:26px;align-items:center;gap:18px;padding:22px;display:flex}.alarm-edit{color:#fff8ec;text-align:left;flex:1;gap:8px;display:grid}.alarm-edit strong{font-variant-numeric:tabular-nums;font-family:Fraunces,serif;font-size:48px;font-weight:500}.alarm-edit span,.alarm-edit small{color:#b9afd0}.alarm-card.disabled .alarm-edit{opacity:.5}.alarm-switch{background:#554661;border-radius:30px;flex-shrink:0;width:56px;height:34px;padding:4px}.alarm-switch span{background:#fff8ec;border-radius:50%;width:26px;height:26px;transition:transform .15s;display:block}.alarm-switch.on{background:#aa8acb}.alarm-switch.on span{transform:translate(22px)}.alarm-days{gap:6px;margin-top:12px;display:flex}.alarm-days button{color:#d5c9e0;background:#393043;border-radius:50%;width:40px;height:40px}.alarm-days button.selected{color:#21172f;background:#c8afff}.alarm-ringing{z-index:100;left:16px;right:16px;top:max(16px, env(safe-area-inset-top));background:#42344f;border:1px solid #ffb187;border-radius:25px;flex-wrap:wrap;align-items:center;gap:15px;max-width:680px;margin:auto;padding:20px;display:flex;position:fixed;box-shadow:0 10px 40px #0009}.radio-list-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.radio-list-heading>span{color:#b9afd0;white-space:nowrap;font-size:12px}.radio-transport{flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.radio-transport.large{gap:30px}.radio-transport .icon-button{width:44px;height:44px}.radio-transport .icon-button:disabled{opacity:.35;cursor:default}.radio-mini .mini-description{min-width:0}@media (width<=600px){.app-shell:has(.radio-mini) .main-content{padding-bottom:calc(226px + env(safe-area-inset-bottom))}.radio-mini{flex-wrap:wrap}.radio-mini .mini-description{flex:calc(100% - 60px)}.radio-mini>.radio-transport{gap:26px;width:100%;margin-top:2px}}.mini-description .radio-track{color:#f0d9c5;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.now-grabber{display:none}@media (width<=699px){.show-now-playing .main-content{min-height:100dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.now-playing{will-change:transform;flex-direction:column;flex:1;display:flex}.now-grabber{background:#ffffff2e;border-radius:3px;width:38px;height:5px;margin:-6px auto 2px;display:block}.now-header{margin-bottom:6px}.now-content{flex:1;justify-content:space-evenly}.now-cover{width:min(87%, calc((100dvh - 482px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * .94));flex-shrink:0;min-width:120px}.now-details{margin-top:12px}.now-details h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.continuous{margin-top:8px}.is-typing .mobile-nav,.is-typing .mini-player{display:none}}