*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface-0);color:var(--ink);letter-spacing:.01em;-webkit-font-smoothing:antialiased;transition:background-color .6s var(--ease), color .6s var(--ease);font-family:Instrument Sans,system-ui,sans-serif;overflow-x:hidden}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(70px);opacity:.5;animation:breathe 9s var(--ease-breath) infinite;transition:background-color .8s var(--ease);will-change:transform;border-radius:50%;position:absolute}.orb-1{background:var(--orb-a);width:55vw;height:55vw;top:-18vw;left:-12vw}.orb-2{background:var(--orb-b);width:45vw;height:45vw;animation-delay:-3s;top:10vh;right:-10vw}.orb-3{background:var(--orb-c);width:50vw;height:50vw;animation-delay:-6s;bottom:-28vw;left:22vw}@keyframes breathe{0%,to{transform:scale(1)translateY(0)}44%{transform:scale(1.07)translateY(-1.5%)}}#rain-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}#flash{z-index:90;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(120% 80% at 50% 0,#cfe2ffe6,#b4cdff33 45%,#0000 70%);position:fixed;inset:0}.grain{z-index:2;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:50;transition:all .5s var(--ease);border-bottom:1px solid #0000;justify-content:flex-start;align-items:center;padding:18px clamp(20px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:color-mix(in srgb, var(--surface-0) 72%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line);padding-top:12px;padding-bottom:12px}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{width:24px;height:24px;color:var(--accent);filter:drop-shadow(0 0 8px var(--glow))}.brand span{font-family:Fraunces,serif;font-size:1.25rem;font-weight:500}.nav-links{align-items:center;gap:clamp(14px,3vw,30px);margin-left:auto;display:flex}.nav-links a{color:var(--ink-soft);transition:color .3s var(--ease);font-size:.9rem;text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:12px;margin-left:clamp(16px,2.5vw,26px);display:flex}.nav-signin{color:var(--ink-soft);white-space:nowrap;transition:color .3s var(--ease);font-size:.9rem;text-decoration:none}.nav-signin:hover{color:var(--ink)}.btn-signup{white-space:nowrap;color:var(--on-accent);background:var(--accent);transition:all .3s var(--ease);border-radius:999px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-signup:hover{filter:brightness(1.07);box-shadow:var(--shadow-lift);transform:translateY(-1px)}.nav-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 60%, transparent);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;display:none}.nav-toggle svg{width:22px;height:22px}.theme-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;transition:all .4s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.theme-btn:hover{color:var(--ink);border-color:var(--accent);transform:rotate(180deg)}.theme-btn svg{width:17px;height:17px}[data-theme=dark] .icon-sun,:root:not([data-theme=dark]) .icon-moon{display:none}.page{z-index:3;position:relative}.wrap{max-width:1060px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.overline{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:500;text-decoration:none}h1,h2{font-family:Fraunces,serif;font-weight:300;line-height:1.08}h1 em,h2 em{color:var(--accent);font-style:italic}.sub{color:var(--ink-soft);max-width:46ch;line-height:1.65}.btn{cursor:pointer;transition:all .4s var(--ease);border:none;border-radius:999px;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:.97rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 32px -8px var(--glow)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 16px 40px -8px var(--glow);transform:translateY(-2px)}.btn-primary .arrow{transition:transform .4s var(--ease)}.btn-primary:hover .arrow{transform:translate(4px)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-2px)}.btn.is-loading{pointer-events:none;opacity:.75;transform:none!important}.btn.is-loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.hero .reveal{animation:hero-reveal .9s var(--ease) both;animation-delay:calc(var(--i,0) * .12s)}@keyframes hero-reveal{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.tbar{z-index:60;background:color-mix(in srgb, var(--surface-2) 82%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);width:min(1040px,100vw - 32px);box-shadow:var(--shadow-lift);animation:player-rise .6s var(--ease);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px clamp(16px,4vw,26px);display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes player-rise{0%{opacity:0;transform:translate(-50%)translateY(14px)}}.tbar-left{justify-self:start;align-items:center;gap:14px;min-width:0;display:flex}.tbar-right{justify-self:end;align-items:center;gap:12px;display:flex}.tbar-center{justify-self:center;align-items:center;gap:8px;display:flex}.tbar .play{justify-self:center}.tbar-ctrl{color:var(--ink-soft);background:color-mix(in srgb, var(--ink) 6%, transparent);border:1px solid var(--line);cursor:pointer;white-space:nowrap;transition:color .3s var(--ease), background .3s var(--ease);border-radius:999px;padding:7px 14px;font-family:inherit;font-size:.8rem}.tbar-ctrl:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 10%, transparent)}.tbar-ambient{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;transition:color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tbar-ambient:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:scale(1.06)}.tbar-ambient svg{width:18px;height:18px}.tbar-mini-pp{cursor:pointer;background:var(--accent);width:36px;height:36px;color:var(--on-accent);box-shadow:0 6px 18px -6px var(--glow);transition:transform .35s var(--ease);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tbar-mini-pp:hover{transform:scale(1.08)}.tbar-mini-pp svg{width:14px;height:14px}.tbar-eq{flex-shrink:0;align-items:flex-end;gap:2.5px;height:14px;display:flex}.tbar-eq i{background:var(--accent);width:3px;animation:eq-bounce 1.6s var(--ease-breath) infinite;border-radius:99px}.tbar-eq i:first-child{height:60%}.tbar-eq i:nth-child(2){height:100%;animation-delay:-.5s}.tbar-eq i:nth-child(3){height:45%;animation-delay:-1s}.tbar.paused .tbar-eq i{opacity:.5;height:30%;animation-play-state:paused}@keyframes eq-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.1)}}.tbar-label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;transition:color .3s var(--ease);font-size:.86rem;text-decoration:none;overflow:hidden}.tbar-label:hover{color:var(--accent)}.tbar-session{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.tbar-vol{flex-shrink:0;align-items:center;gap:8px;display:flex}.tbar-vol-ico{color:var(--ink-faint);display:flex}.tbar-vol-ico svg{width:18px;height:18px}.tbar-vol-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--fill,80%), color-mix(in srgb, var(--ink) 12%, transparent) 0);touch-action:none;border-radius:999px;outline:none;width:96px;height:6px}.tbar-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:16px;height:16px}.tbar-vol-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.tbar-fs{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;transition:color .3s var(--ease), transform .3s var(--ease);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tbar-fs:hover{color:var(--ink);transform:scale(1.1)}.tbar-fs svg{width:17px;height:17px}.amb-pop{z-index:65;background:var(--surface-2);border:1px solid var(--line);width:min(360px,100vw - 24px);box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);border-radius:20px;padding:14px 16px;position:fixed;bottom:92px;left:50%;transform:translate(-50%)translateY(8px)}.amb-pop.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.amb-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.amb-head>span{color:var(--ink);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.amb-head svg{width:18px;height:18px;color:var(--accent)}.amb-head strong{font-weight:600}.amb-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.35rem;line-height:1}.amb-close:hover{color:var(--ink)}.amb-list{flex-direction:column;gap:2px;max-height:46vh;display:flex;overflow-y:auto}.amb-row{align-items:center;gap:10px;padding:6px 2px;display:flex}.amb-row-btn{cursor:pointer;min-width:0;color:var(--ink-soft);text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:2px 0;font-family:inherit;font-size:.86rem;display:inline-flex}.amb-dot{border:1.5px solid var(--ink-faint);width:9px;height:9px;transition:all .3s var(--ease);border-radius:50%;flex-shrink:0}.amb-row.on .amb-row-btn{color:var(--ink)}.amb-row.on .amb-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px -1px var(--glow)}.amb-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.amb-vol{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--fill,20%), color-mix(in srgb, var(--ink) 12%, transparent) 0);touch-action:none;border-radius:999px;outline:none;flex-shrink:0;width:92px;height:5px}.amb-vol::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:15px;height:15px}.amb-vol::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.amb-row.locked{opacity:.45}.amb-lock{color:var(--ink-faint);margin-left:auto;display:flex}.amb-lock svg{width:15px;height:15px}.quota-block{z-index:70;background:var(--scrim,#0000008c);-webkit-backdrop-filter:blur(12px);place-items:center;padding:24px;display:grid;position:fixed;inset:66px 0 0}.quota-block[hidden]{display:none}.quota-block-card{text-align:center;background:var(--surface-1);border:1px solid var(--line);width:100%;max-width:430px;max-height:calc(100dvh - 96px);box-shadow:var(--shadow-lift);animation:player-rise .5s var(--ease);border-radius:22px;padding:30px 28px;position:relative;overflow-y:auto}.quota-block .qb-soft{display:none}.quota-block.soft .qb-soft{display:block}.quota-block.soft .qb-hard{display:none}.quota-block-close{width:36px;height:36px;color:var(--ink-faint);cursor:pointer;transition:color .2s var(--ease), background .2s var(--ease);background:0 0;border:none;border-radius:50%;place-items:center;font-size:1.7rem;line-height:1;display:none;position:absolute;top:12px;right:14px}.quota-block.soft .quota-block-close{display:grid}.quota-block-close:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.quota-block-card .guest-signup{text-align:left;margin-top:18px}.quota-block-card .guest-signup .auth-alt{text-align:center}.quota-block-ico{width:52px;height:52px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;place-items:center;margin-bottom:16px;display:inline-grid}.quota-block-ico svg{width:24px;height:24px}.quota-block-card h2{color:var(--ink);margin-bottom:10px;font-family:Fraunces,serif;font-size:1.55rem;font-weight:500}.quota-block-card p{color:var(--ink-soft);margin-bottom:20px;line-height:1.6}.quota-block-card .btn{margin-bottom:16px}.quota-block-browse{color:var(--ink-faint);font-size:.82rem;margin-bottom:0!important}.wellbeing-icon{width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);animation:breathe 5s var(--ease-breath) infinite;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.wellbeing-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.wellbeing-text strong{color:var(--ink);font-size:.84rem;font-weight:600}.wellbeing-text small{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.74rem}@media (width<=560px){.tbar{width:calc(100vw - 16px);padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-radius:22px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info controls""extras extras";gap:12px 10px;bottom:12px}.tbar-left{grid-area:info;gap:10px;min-width:0}.tbar-center{grid-area:controls;justify-self:end;gap:6px}.tbar .play{grid-area:controls;justify-self:end}.tbar-eq{display:none}.tbar-label{max-width:40vw;font-size:.84rem}.tbar .play{width:50px;height:50px}.tbar .play svg{width:20px;height:20px}.tbar-right{grid-area:extras;justify-content:space-between;justify-self:stretch;align-items:center;gap:12px;width:100%;display:flex}.tbar-right .tbar-vol{flex:1;min-width:0}.tbar-right .tbar-vol-slider{width:100%}.tbar-ctrl{padding:7px 12px;font-size:.78rem}}#quota-banner{z-index:60;background:color-mix(in srgb, var(--surface-2) 85%, transparent);border:1px solid color-mix(in srgb, var(--warm) 35%, transparent);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lift);color:var(--ink-soft);animation:player-rise .6s var(--ease);border-radius:999px;align-items:center;gap:8px;max-width:min(92vw,480px);padding:11px 20px;font-size:.86rem;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#quota-banner a{color:var(--warm);white-space:nowrap;text-decoration:none}#quota-banner a:hover{text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--ink-faint);padding:30px 0 40px;font-size:.82rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}@media (width<=820px){.brand span{display:none}.nav-toggle{display:grid}.nav-links{background:var(--surface-1);border:1px solid var(--line);min-width:210px;box-shadow:var(--shadow-lift);opacity:0;visibility:hidden;transition:opacity .25s var(--ease), transform .25s var(--ease), visibility .25s;border-radius:16px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;position:absolute;top:calc(100% + 6px);right:clamp(12px,5vw,24px);transform:translateY(-8px)}.nav.open .nav-links{opacity:1;visibility:visible;transform:none}.nav-links>a{border-radius:10px;padding:11px 12px;font-size:.98rem}.nav-links>a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}.nav-links .lang-menu{align-self:stretch;width:100%;margin-top:4px}.nav-links .lang-btn{width:100%;height:auto;font:inherit;color:var(--ink-soft);border:1px solid var(--line);border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;padding:11px 12px;font-size:.98rem;display:flex}.nav-links .lang-current{display:inline}.nav-links .lang-dropdown{width:100%;min-width:0;box-shadow:none;background:0 0;border:none;margin-top:4px;padding:4px 0 0;position:static;transform:none}.nav-links .lang-dropdown button{padding:11px 14px;font-size:.95rem}.nav-actions{gap:8px;margin-left:auto}.nav-signin{font-size:.85rem}.btn-signup{padding:7px 13px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}:root{--pill-zone:120px}@media (width<=560px){:root{--pill-zone:calc(210px + env(safe-area-inset-bottom))}}body.has-tbar:not(.has-site-footer) .page{padding-bottom:var(--pill-zone)}.nav-links .nav-mobile-only{display:none}@media (width<=820px){.nav-links .nav-desktop-only{display:none}.nav-links .nav-mobile-only{display:block}.nav-links .nav-mobile-first{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:6px;padding-top:14px}}.brand-logo{width:auto;height:32px;display:none}html:not([data-theme=dark]) .brand-logo--light,[data-theme=dark] .brand-logo--dark{display:inline-block}@media (width<=820px){.brand.has-mobile-logo .brand-logo--light,.brand.has-mobile-logo .brand-logo--dark{display:none}.brand.has-mobile-logo .brand-logo--mobile{height:30px;display:inline-block}}.pad-panel{right:18px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:72;background:var(--surface-1);border:1px solid var(--line);width:min(500px,100vw - 24px);box-shadow:var(--shadow-lift);animation:pad-rise .45s var(--ease) both;border-radius:20px;flex-direction:column;display:flex;position:fixed;overflow:hidden}@keyframes pad-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pad-panel[hidden]{display:none}.pad-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.pad-title{color:var(--ink);align-items:center;gap:8px;margin-right:auto;font-size:.9rem;font-weight:600;display:inline-flex}.pad-title svg{color:var(--accent)}.pad-expand{width:30px;height:30px;color:var(--ink-faint);border-radius:50%;place-items:center;display:grid}.pad-expand:hover{color:var(--ink)}.pad-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.pad-close:hover{color:var(--ink)}#pad-mini{resize:none;width:100%;height:min(46vh,420px);color:var(--ink);background:0 0;border:none;outline:none;padding:18px 20px;font-family:inherit;font-size:.98rem;line-height:1.75}#pad-mini::placeholder{color:var(--ink-faint)}.pad-foot{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.pad-dl{color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;transition:all .25s var(--ease);background:0 0;border-radius:999px;padding:5px 11px;font-family:inherit;font-size:.76rem}.pad-dl:hover{color:var(--ink);border-color:var(--accent)}@media (width<=560px){.pad-panel{width:auto;left:8px;right:8px;bottom:calc(150px + env(safe-area-inset-bottom))}#pad-mini{height:38vh}}.pad-clock{display:none}.pad-panel.pad-center{z-index:85;background:color-mix(in srgb, var(--surface-1) 88%, transparent);-webkit-backdrop-filter:blur(20px);width:min(860px,94vw);max-height:86vh;animation:pad-bloom .6s var(--ease) both;bottom:50%;right:50%;transform:translate(50%,50%)}@keyframes pad-bloom{0%{opacity:0;filter:blur(7px);transform:translate(50%,50%)scale(.93)}60%{filter:blur()}to{opacity:1;filter:blur();transform:translate(50%,50%)scale(1)}}.pad-panel.pad-center .pad-clock,.pad-panel.pad-center #pad-mini,.pad-panel.pad-center .pad-head,.pad-panel.pad-center .pad-foot{animation:pad-settle .7s var(--ease) .12s both}@keyframes pad-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pad-panel,.pad-panel.pad-center,.pad-panel.pad-center .pad-clock,.pad-panel.pad-center #pad-mini,.pad-panel.pad-center .pad-head,.pad-panel.pad-center .pad-foot{animation:none}}.pad-panel.pad-center .pad-clock{text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;padding:22px 0 4px;font-family:Fraunces,serif;font-size:2.4rem;font-weight:300;display:block}.pad-panel.pad-center #pad-mini{height:min(52vh,560px);padding:20px clamp(24px,5vw,48px);font-size:1.08rem}@media (width<=560px){.pad-panel.pad-center{width:calc(100vw - 16px)}}