:root{--color-base:#08090f;--color-surface:#10141f;--color-elevated:#181d2e;--color-brand:#f0ede6;--color-textPrimary:#fff;--color-textSecondary:#ffffff8c;--color-textMuted:#ffffff80;--color-textTertiary:#fff6;--color-textDisabled:#fff3;--color-iconStrong:#fffc;--color-borderSubtle:#ffffff12;--color-borderDefault:#ffffff1f;--color-borderControl:#ffffff24;--color-borderStrong:#ffffff38;--color-danger:#f03342;--color-success:#2ec273;--color-successLight:#74e6ae;--color-warning:#ffad26;--color-record:#d11f2e;--color-recordLight:#ff6b75;--color-favourite:#ff4c59;--color-toggleTrackOff:#45474f;--color-toggleKnob:#fafafc;--color-achievementGold:#d9b873;--color-tierBronze:#d18538;--color-tierBronzeDeep:#9e5c1f;--color-tierSilver:#ccd1e6;--color-tierSilverDeep:#9499b2;--color-tierGoldDeep:#eba60d;--color-breathscapeFallbackTop:#40a6d9;--color-breathscapeFallbackBottom:#2666b2;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--radius-small:6px;--radius-thumb:12px;--radius-card:18px;--radius-cover:24px;--radius-sheet:28px;--text-largeTitle:30px;--text-title:22px;--text-heading:16px;--text-action:13px;--text-subtitle:15px;--text-description:13px;--font-title:"Install", "Install Fallback", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-num:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;--blues-light:#4d7fd6;--blues-mid:#1d3a7c;--blues-deep:#0b1430}@font-face{font-family:Install;src:url(/fonts/CB-Install-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Install Fallback;src:local(Helvetica Neue),local(Arial);size-adjust:104%;ascent-override:92%}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono Fallback;src:local(Menlo),local(Courier New);size-adjust:100%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-base);color:var(--color-textPrimary);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}img,svg,video,canvas{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-small)}.menu-open{overflow:hidden}h1,h2,h3,.title{font-family:var(--font-title);letter-spacing:-.005em;margin:0;font-weight:400;line-height:1.12}h1{font-size:clamp(34px,6vw,56px)}h2{font-size:clamp(26px,4vw,38px)}h3{font-size:clamp(19px,2.4vw,22px)}p{margin:0}.lead{color:var(--color-textSecondary);max-width:38em;font-size:clamp(15px,1.6vw,18px)}.muted{color:var(--color-textSecondary)}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.wrap{width:min(1180px, 100% - 2 * var(--space-5));margin-inline:auto}.section{padding-block:clamp(56px,9vw,112px)}.stack>*+*{margin-top:var(--space-4)}.app-store{display:inline-block}.app-store img{width:150px;height:auto}.nav{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-5);width:min(1180px, 100% - 2 * var(--space-5));padding-block:var(--space-5);margin-inline:auto;display:flex;position:relative}.nav-home{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.nav-home .wordmark{width:auto;height:20px}.nav-home img{border-radius:9px}.nav-links{gap:var(--space-6);color:var(--color-textSecondary);font-size:14px;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover,.nav-links a[aria-current],.nav-download{color:var(--color-textPrimary)}.nav-menu{border:1px solid var(--color-borderStrong);color:inherit;font:inherit;padding:var(--space-2) var(--space-4);background:0 0;border-radius:999px;min-height:44px;font-size:14px;display:none}@media (width<=767px){.nav-links{display:none}.js .nav-menu{display:block}}html:not(.js) .nav-links{gap:var(--space-4);flex-wrap:wrap;display:flex}.menu{z-index:50;background:var(--color-base);padding:var(--space-7) var(--space-5);gap:var(--space-6);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu[hidden]{display:none}.menu-close{background:var(--color-surface);width:44px;height:44px;color:var(--color-textPrimary);border:0;border-radius:50%;align-self:flex-start;font-size:16px}.menu-links{margin:0;padding:0;list-style:none}.menu-links a{font-family:var(--font-title);padding-block:var(--space-2);font-size:34px;line-height:1.2;text-decoration:none;display:block}.menu-links small{font-family:var(--font-body);font-size:var(--text-description);color:var(--color-textSecondary);display:block}.menu-small{color:var(--color-textSecondary);font-size:14px}.footer{width:min(1180px, 100% - 2 * var(--space-5));padding-block:var(--space-7) var(--space-5);border-top:1px solid var(--color-borderSubtle);margin-inline:auto;position:relative;overflow:hidden}.footer-top{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.footer-tag{font-family:var(--font-title);font-size:clamp(22px,3vw,30px)}.footer-cols{gap:var(--space-5);grid-template-columns:repeat(4,1fr);font-size:14px;display:grid}.footer-cols nav{gap:var(--space-2);color:var(--color-textSecondary);flex-direction:column;display:flex}.footer-cols b{color:var(--color-textPrimary);font-weight:600}.footer-cols a{text-decoration:none}.footer-cols a:hover{color:var(--color-textPrimary)}.footer>:not(.footer-water){position:relative}.footer-water{pointer-events:none;background:radial-gradient(70% 90% at 50% 120%,#466eaa47,#0000 70%);width:100vw;height:70%;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.footer-mark{margin-top:clamp(40px,8vw,96px)}.footer-mark .wordmark{width:100%;height:auto}.footer-meta{margin-top:var(--space-4);color:var(--color-textSecondary);justify-content:space-between;font-size:12px;display:flex}@media (width<=640px){.footer-cols{grid-template-columns:1fr 1fr}}:root{--inhale:cubic-bezier(.45, 0, .2, 1)}.js .reveal{opacity:0;filter:blur(8px);transition:opacity 1.6s var(--inhale), transform 1.6s var(--inhale), filter 1.6s var(--inhale);transform:scale(.965)}.js .reveal.in{opacity:1;filter:none;transform:none}.js .reveal:nth-child(2){transition-delay:.12s}.js .reveal:nth-child(3){transition-delay:.24s}.js .reveal:nth-child(4){transition-delay:.36s}@media (hover:hover){.album,.guide-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.album:not(.still):hover,.guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000080}.album-cover img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.album:not(.still):hover .album-cover img{transform:scale(1.05)}.tracklist li:after,.index-row:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(180px circle at var(--x,50%) var(--y,50%), #aac3ff1f, transparent 70%);transition:opacity .3s;position:absolute;inset:0}.tracklist li:hover:after,.index-row:hover:after{opacity:1}.care-row{isolation:isolate;transition:opacity .5s}.care-row:before{content:"";inset:0 calc(-1 * var(--space-4));z-index:-1;border-radius:var(--radius-sheet);opacity:0;transition:opacity 1s var(--inhale), transform 1s var(--inhale), inset 1s var(--inhale);background:radial-gradient(420px circle at var(--x,70%) var(--y,50%), var(--blues-light), var(--blues-mid) 38%, var(--blues-deep) 80%);position:absolute;transform:scale(.98);box-shadow:0 30px 70px #0a1e5073}.care:hover .care-row{opacity:.3}.care .care-row:hover{opacity:1;border-color:#0000}.care .care-row:hover:before{opacity:1;inset:calc(-1 * var(--space-4)) calc(-1 * var(--space-5));transform:none}.care-title{transform-origin:0;transition:transform 1s var(--inhale)}@media (width>=768px){.care-row:hover .care-title{transform:scale(1.06)}}.care-line{transition:color .6s}.care-row:hover .care-line{color:var(--color-textPrimary)}}.js .faq-answer{transition:height 1.2s var(--inhale);overflow:hidden}.js .faq-answer p{transition:opacity 1.2s var(--inhale), filter 1.2s var(--inhale)}.js details:not([open]) .faq-answer p{opacity:0;filter:blur(6px)}.faq-icon:after{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.band-wall{animation:40s linear infinite wall-drift}@keyframes wall-drift{to{transform:rotate(-10deg)translateY(-50%)}}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;filter:none;transition:none;transform:none}.band-wall{animation:none}.js .faq-answer,.js .faq-answer p,.care-row,.care-row:before,.care-title,.album,.album-cover img{transition:none}}
