*,:after,:before{box-sizing:border-box}body,html{color:var(--color-text-1);font-family:var(--font-family-base);height:100%;line-height:1.6;margin:0;padding:0;width:100%;--csstools-color-scheme--light:initial;background-color:var(--color-bg-1);color-scheme:light dark;scroll-behavior:smooth}@media (prefers-color-scheme:dark){body,html{--csstools-color-scheme--light: }}button,input,select,textarea{font-family:var(--font-family-base)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body,html{overflow:auto}body{overscroll-behavior-x:none}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.no-scroll{height:100%;overflow:hidden}.app-container{display:flex;flex-wrap:wrap;overflow:hidden}.app-container,.app-page{height:100vh;height:100svh;height:100dvh;width:100%}.app-page{box-sizing:border-box;position:relative}.audio-sec{flex-direction:column;overscroll-behavior-y:contain;touch-action:pan-x}.audio-sec,.nav-area{display:flex;overflow:hidden;position:relative}.nav-area{align-items:center;flex:0 0 auto;height:3.75rem;justify-content:space-between;padding:0 1rem;transition:transform var(--transition-base) ease,height var(--transition-base) ease,padding var(--transition-base) ease}.nav-area--hidden{height:0;padding-bottom:0;padding-top:0;transform:translateY(-100%)}.nav-logo{display:none;margin-right:auto}.nav-logo-img{height:auto;width:7rem}@media(max-width:62rem){.nav-logo{display:block}}html.theme-dark .nav-logo-img{filter:invert(1)}.nav-menu-btn{align-items:center;background-color:#0000;border:none;color:var(--color-text-1);cursor:pointer;display:inline-flex;font-size:var(--text-2xl);justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.nav-title{flex:1;text-align:center}.nav-buttons{margin-left:auto}.nav-signup-btn{align-items:center;background-color:var(--color-cta-bg);border-color:var(--color-cta-bg);border:var(--border-width-base) solid var(--color-border-1);border-radius:9999px;color:var(--color-cta-fg);cursor:pointer;display:inline-flex;font-size:var(--text-base);gap:var(--space-2);justify-content:center;justify-content:flex-start;margin-left:var(--space-2);margin-top:0;padding:var(--space-2) var(--space-4);-webkit-text-decoration:none;text-decoration:none;transition:background-color var(--transition-base) ease,transform var(--transition-fast) ease}@media(prefers-reduced-motion:reduce){.nav-signup-btn{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-signup-btn:hover{background-color:var(--color-cta-hover);border-color:var(--color-cta-hover)}.nav-signup-btn:active{background-color:var(--color-cta-active);border-color:var(--color-cta-active);transform:scale(.95)}.nav-signup-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.nav-login-btn{background:none;border:none;color:var(--color-text-3);display:inline-flex;font-size:var(--text-base);gap:var(--space-2);justify-content:flex-start;margin-left:var(--space-2);padding:var(--space-2) var(--space-4);-webkit-text-decoration:none;text-decoration:none}.nav-login-btn:hover{color:var(--color-text-2);-webkit-text-decoration:underline;text-decoration:underline}.nav-login-btn:active{transform:scale(.95)}.nav-login-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.nav-user-btn{align-items:center;border:none;border-radius:50%;display:inline-flex;font-size:var(--text-lg);font-weight:600;height:2.5rem;justify-content:center;margin-left:var(--space-3);position:relative;width:2.5rem}html.theme-light .nav-user-btn{background-color:rgb(var(--color-black-rgb));color:rgb(var(--color-white-rgb))}.nav-user-badge{background-color:var(--color-accent-alert);border-radius:9999px;color:var(--color-text-on-accent-alert);display:block;height:.5rem;position:absolute;right:2px;top:2px;width:.5rem}html.theme-dark .nav-user-btn,html:not(.theme-light) .nav-user-btn{background-color:rgb(var(--color-white-rgb));color:rgb(var(--color-black-rgb))}@media(max-width:62rem){.nav-login-btn{display:none}.audio-sec,.explorer-sec{height:calc(100vh - var(--bottom-menu-height) - constant(safe-area-inset-bottom));height:calc(100svh - var(--bottom-menu-height) - env(safe-area-inset-bottom));height:calc(100dvh - var(--bottom-menu-height) - env(safe-area-inset-bottom))}.app-page.bottom-nav-hidden{height:100vh;height:100svh;height:100dvh}}.u-flex-row{display:flex;flex-direction:row}.u-align-center{align-items:center}.u-flex-column{display:flex;flex-direction:column}.u-flex-center{display:flex}.u-btn-circle,.u-flex-center{align-items:center;justify-content:center}.u-btn-circle{border-radius:50%;display:inline-flex}.u-hidden{display:none!important}.official-icon{color:var(--color-cta-bg);font-size:1em;margin-right:.25rem}.is-hidden{display:none!important}.u-invisible{visibility:hidden}.u-m-0{margin:0}.u-mt-1rem{margin-top:var(--space-4)}.u-relative{position:relative}.u-img-block{display:block;max-width:100%}.sr-only{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}.landing-header{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:10}.landing-header .nav-logo{display:block}.landing-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;min-height:100dvh}.landing-main{flex:1 0 auto;flex-direction:column;height:calc(100vh - var(--landing-header-height, 0px));height:calc(100svh - var(--landing-header-height, 0px));height:calc(100dvh - var(--landing-header-height, 0px));overflow-y:auto;padding:0;scroll-snap-type:y mandatory}.landing-main,.landing-section{align-items:center;display:flex}.landing-section{flex:0 0 auto;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--landing-header-height, 0px));min-height:calc(100svh - var(--landing-header-height, 0px));min-height:calc(100dvh - var(--landing-header-height, 0px));padding:0 var(--space-4) var(--space-8);position:relative;scroll-snap-align:start;width:100%}.scroll-indicator{align-items:center;bottom:var(--space-6);color:var(--color-tertiary-fg);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-1);left:50%;position:absolute;-webkit-text-decoration:none;text-decoration:none;transform:translateX(-50%)}.scroll-indicator .arrow{font-size:var(--text-lg)}.scroll-indicator:hover{-webkit-text-decoration:underline;text-decoration:underline}.scroll-indicator:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.landing-content{align-items:center;display:flex;flex-direction:column;max-width:26rem;position:relative;width:100%}.landing-catch{font-size:max(var(--text-xl),min(6vw,var(--text-3xl)));font-weight:700;margin:0 auto var(--space-6);max-width:20rem;padding-left:var(--space-4);padding-right:var(--space-4);text-align:center;text-wrap:balance;white-space:normal;word-break:keep-all}@media(min-width:62rem){.landing-catch{font-size:max(var(--text-2xl),min(3vw,var(--text-4xl)));max-width:20rem;white-space:normal}}.landing-visual{margin-left:auto;margin-right:auto;margin-top:var(--space-4);max-width:26rem;position:relative;width:100%}.landing-main-image{border-radius:var(--space-2);bottom:0;height:100%;left:0;object-fit:contain;opacity:0;position:absolute;right:0;top:0;transition:opacity 1s ease;width:100%}.landing-main-image.active{opacity:1}.landing-visual-wrapper{padding-top:100%;position:relative;width:100%}@media(max-width:62rem){.landing-visual-wrapper{padding-top:80%}}.start-anon-btn{align-items:center;background-color:var(--color-cta-bg);border:var(--border-width-base) solid var(--color-border-1);border-color:var(--color-cta-bg);border-radius:9999px;color:var(--color-cta-fg);cursor:pointer;display:inline-flex;flex-direction:column;font-size:var(--text-base);justify-content:center;line-height:1.2;margin-top:0;margin-top:var(--space-8);padding:var(--space-3) var(--space-6);position:relative;text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:background-color var(--transition-base) ease,transform var(--transition-fast) ease;z-index:1}@media(prefers-reduced-motion:reduce){.start-anon-btn{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.start-anon-btn:hover{background-color:var(--color-cta-hover);border-color:var(--color-cta-hover)}.start-anon-btn:active{background-color:var(--color-cta-active);border-color:var(--color-cta-active);transform:scale(.95)}.start-anon-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.start-anon-btn .start-sub{color:var(--color-text-on-accent-primary);font-size:var(--text-xs);margin-top:var(--space-1)}.hero-login-btn{color:var(--color-tertiary-fg);display:inline-block;font-size:var(--text-sm);margin-top:var(--space-4);-webkit-text-decoration:none;text-decoration:none}.hero-login-btn:hover{-webkit-text-decoration:underline;text-decoration:underline}.hero-login-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.landing-footer{color:var(--color-text-2);flex-shrink:0;font-size:var(--text-sm);margin-top:auto;padding:var(--space-6) var(--space-4);text-align:center}.landing-footer-links a{color:var(--color-tertiary-fg);margin:0 var(--space-2)}.landing-footer-links a,.lang-switch a{-webkit-text-decoration:none;text-decoration:none}.lang-switch a{color:inherit}.landing-footer-links a:hover{-webkit-text-decoration:underline;text-decoration:underline}.landing-footer-links a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.landing-footer-bottom{align-items:center;display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.landing-footer-copy{color:var(--color-text-3)}.faq-section{justify-content:flex-start}.faq-section .landing-footer{margin-top:auto}.landing-faq{margin-top:var(--space-12);max-width:40rem;width:100%}.landing-faq details{border-top:var(--border-width-base) solid var(--color-border-1);width:100%}.landing-faq details:last-of-type{border-bottom:var(--border-width-base) solid var(--color-border-1)}.landing-faq summary{align-items:center;cursor:pointer;display:flex;font-size:var(--text-base);justify-content:space-between;list-style:none;padding:var(--space-4) 0}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{color:var(--color-text-3);content:"+";font-size:var(--text-lg);line-height:1;transition:transform var(--transition-fast)}.landing-faq summary:hover:after{color:var(--color-text-1)}.landing-faq summary:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.landing-faq details[open] summary:after{content:"−"}.landing-faq p{color:var(--color-text-2);margin:0;padding-bottom:var(--space-4)}