.web-menu-toggle{display:none}.ui-search{display:flex}.ui-search>svg{flex:none}.ui-search input{flex:1 1 0%;min-width:0;width:100%}.ui-search .search-clear{margin-inline:0}.standalone-preview{min-width:0}.standalone-preview.is-mobile{display:block;padding:0;background:var(--surface-app)}.live-prototype.is-mobile{display:block;width:100%;height:auto;min-height:var(--size-100dvh);border:0;border-radius:0;box-shadow:var(--shadow-none)}.live-prototype.is-mobile,.live-prototype.is-mobile .prototype-stage{min-width:0;overflow:visible}.live-prototype.is-mobile :is(.prototype-screen,.explore-screen,.detail-screen,.single-screen,.flow-screen,.library-screen){min-height:0;height:auto}.live-prototype.is-mobile .prototype-screen{width:100%}.live-prototype.is-mobile .prototype-sidebar{position:relative;z-index:var(--z-index-20);display:grid;grid-template-columns:minmax(0,1fr) var(--size-44);align-items:center;gap:0 var(--space-12);width:100%;height:auto;min-height:var(--web-header-height);padding:var(--space-8) var(--web-page-gutter);border:0;border-bottom:var(--size-1) solid var(--border-subtle);background:var(--surface-app);box-shadow:var(--shadow-none)}.live-prototype.is-mobile .prototype-brand{display:flex;margin:0;padding:0;white-space:nowrap;overflow-wrap:normal}.live-prototype.is-mobile .prototype-brand>svg{display:none}.live-prototype.is-mobile .web-menu-toggle{display:grid;border:0;background:transparent}.live-prototype.is-mobile .prototype-sidebar nav{display:none}.live-prototype.is-mobile .prototype-account{display:none;position:relative;margin:0;padding:var(--space-12) 0 0}.live-prototype.is-mobile .prototype-sidebar.menu-open nav{display:grid;gap:var(--space-4);margin:0}.live-prototype.is-mobile .prototype-sidebar.menu-open .prototype-account{display:block;padding-top:var(--space-12);margin-top:var(--space-8);border-top:var(--size-1) solid var(--border-subtle)}.live-prototype.is-mobile .prototype-sidebar nav button{min-height:var(--size-48);padding:var(--space-12) var(--space-16);gap:var(--space-16)}.live-prototype.is-mobile .prototype-sidebar nav button.active{background:var(--surface-selected);color:var(--nav-selected-fg);box-shadow:var(--shadow-none)}.live-prototype.is-mobile .account-popover{position:static;width:100%;margin-bottom:var(--space-12);box-shadow:var(--shadow-none)}.live-prototype.is-mobile :is(.explore-screen,.flow-screen,.library-home,.collection-index){max-width:var(--web-content-width);margin-inline:auto;padding:var(--space-28) var(--web-page-gutter) var(--space-40)}.live-prototype.is-mobile .prototype-heading{margin-bottom:var(--space-24)}.live-prototype.is-mobile .prototype-heading h1{margin-bottom:var(--space-8)}.live-prototype.is-mobile .theme-search-component{max-width:none;gap:var(--space-16)}.live-prototype.is-mobile .ui-filter-tabs{flex-wrap:nowrap;overflow-x:auto;gap:var(--space-8);max-width:100%;scrollbar-width:thin}.live-prototype.is-mobile .ui-filter-tabs button{flex:none;min-width:0;min-height:var(--size-44);padding-inline:var(--space-14)}.live-prototype.is-mobile .prototype-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20);margin-top:var(--space-20)}.live-prototype.is-mobile .prototype-theme-card{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .prototype-theme-card .theme-scene{aspect-ratio:var(--web-theme-card-aspect);min-height:var(--size-260)}.live-prototype.is-mobile .prototype-theme-copy{padding:var(--space-12) var(--space-18) var(--space-14);border-top:var(--size-1) solid var(--border-subtle);background:var(--theme-card-caption-background)}.live-prototype.is-mobile .prototype-theme-copy small{margin-top:var(--space-15)}.live-prototype.is-mobile .detail-screen{padding:0 var(--web-page-gutter) var(--space-32)}.live-prototype.is-mobile .detail-hero{min-height:var(--size-455);height:auto;margin:0 calc(var(--web-page-gutter) * -1) var(--space-24);background-size:300% 200%}.live-prototype.is-mobile .detail-hero:after{background:var(--scrim-detail-mobile)}.live-prototype.is-mobile .detail-overlay{position:relative;inset:auto;width:100%;padding:var(--size-180) var(--web-page-gutter) var(--space-28)}.live-prototype.is-mobile .prototype-back{top:var(--space-16);left:var(--web-page-gutter);min-height:var(--size-44)}.live-prototype.is-mobile .track-grid{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .single-screen{background-size:300% 200%}.live-prototype.is-mobile .single-screen:after{background:var(--scrim-session-mobile)}.live-prototype.is-mobile .single-copy{position:relative;inset:auto;width:100%;padding:var(--size-240) var(--web-page-gutter) var(--space-40)}.live-prototype.is-mobile .flow-heading{margin-bottom:var(--space-20)}.live-prototype.is-mobile .flow-heading>span{margin-bottom:var(--space-8)}.live-prototype.is-mobile .question-flow-layout{display:block}.live-prototype.is-mobile .flow-timeline{display:flex;flex-wrap:wrap;margin:0 0 var(--space-24)}.live-prototype.is-mobile .flow-timeline li{display:block;min-height:0}.live-prototype.is-mobile .flow-timeline li :is(i,span,.multi-step-number){display:none}.live-prototype.is-mobile .flow-timeline li button{width:var(--size-44);height:var(--size-44)}.live-prototype.is-mobile .mobile-step-label{display:block;margin:0 0 var(--space-12)}.live-prototype.is-mobile .flow-question-card{padding:0;margin-top:0}.live-prototype.is-mobile .flow-timeline li.active>button{margin:0}.live-prototype.is-mobile .flow-actions{position:static;display:flex;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-28);padding:0;background:transparent}.live-prototype.is-mobile .flow-actions .ui-button--primary{flex-basis:100%;order:-1}.live-prototype.is-mobile .flow-actions>.ui-button:not(.ui-button--primary){flex:1}.live-prototype.is-mobile .flow-choice-list>button{min-height:var(--web-choice-height);padding-block:var(--space-14)}.live-prototype.is-mobile .voice-flow-layout{display:block}.live-prototype.is-mobile .featured-voice{display:none}.live-prototype.is-mobile .featured-voice-image{grid-column:1;grid-row:1/5;width:var(--size-100);height:var(--size-132)}.live-prototype.is-mobile .featured-voice :is(h2,h4,strong,p){grid-column:2;margin:0}.live-prototype.is-mobile .featured-play{position:static;grid-column:3;grid-row:1/5;align-self:center;min-width:var(--size-44);min-height:var(--size-44)}.live-prototype.is-mobile .flow-voice-select{display:grid;grid-template-columns:var(--size-48) minmax(0,1fr) var(--size-20);gap:var(--space-12);padding:var(--space-12);min-width:0}.live-prototype.is-mobile .flow-avatar{grid-column:1;grid-row:1;width:var(--size-48);height:var(--size-48);border-radius:50%}.live-prototype.is-mobile .flow-row-play{width:var(--size-44);height:var(--size-44);margin:0 var(--space-8) 0 0;flex:none}.live-prototype.is-mobile .flow-sound-grid{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .flow-sound-card{min-height:var(--size-88)}.live-prototype.is-mobile .flow-sound-select{padding:var(--space-16) var(--size-64) var(--space-16) var(--space-16)}.live-prototype.is-mobile .flow-sound-card.voice-only .flow-sound-select{padding-right:var(--space-16)}.live-prototype.is-mobile .flow-sound-art{width:var(--size-52);height:var(--size-52)}.live-prototype.is-mobile .flow-sound-play{width:var(--size-44);height:var(--size-44);right:var(--space-12);bottom:var(--space-20)}.live-prototype.is-mobile .library-screen{overflow:visible;padding-bottom:0}.live-prototype.is-mobile .library-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-12);margin-bottom:var(--space-20)}.live-prototype.is-mobile .library-heading-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12)}.live-prototype.is-mobile .library-search{width:100%}.live-prototype.is-mobile .library-heading-actions>.ui-button{justify-self:start}.live-prototype.is-mobile .library-home .latest-track{grid-template-columns:var(--size-72) minmax(0,1fr);gap:var(--space-12);padding:var(--space-16);min-height:0}.live-prototype.is-mobile .library-home .latest-art{width:var(--size-72);height:var(--size-100)}.live-prototype.is-mobile .latest-track>time{display:none}.live-prototype.is-mobile .latest-copy>b{margin-top:var(--space-12)}.live-prototype.is-mobile .latest-copy>b i{width:var(--size-32);height:var(--size-32)}.live-prototype.is-mobile .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24) var(--space-16)}.live-prototype.is-mobile .playlist-art{height:auto;aspect-ratio:var(--theme-card-aspect)}.live-prototype.is-mobile .library-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12)}.live-prototype.is-mobile .creation-grid{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .playlist-hero{height:var(--size-300)}.live-prototype.is-mobile .playlist-hero>.playlist-hero-copy{left:var(--web-page-gutter);right:var(--web-page-gutter);bottom:var(--space-24)}.live-prototype.is-mobile .library-back{left:var(--web-page-gutter);top:var(--space-16);min-height:var(--size-44)}.live-prototype.is-mobile .playlist-toolbar{flex-wrap:wrap;padding:var(--space-16) var(--web-page-gutter);gap:var(--space-8)}.live-prototype.is-mobile .track-table{margin:0 var(--web-page-gutter)}.live-prototype.is-mobile .track-head{grid-template-columns:var(--size-24) minmax(0,1fr) auto}.live-prototype.is-mobile .track-table>button{grid-template-columns:var(--size-24) var(--size-40) minmax(0,1fr) auto;gap:var(--space-8);min-height:var(--size-76)}.live-prototype.is-mobile .track-table .track-art{width:var(--size-40);height:var(--size-48)}.live-prototype.is-mobile .track-table>button>svg{display:none}.live-prototype.is-mobile .track-table strong{padding:0}.live-prototype.is-mobile .library-player{position:relative;width:100%;height:auto;min-height:0;margin-top:var(--space-24);padding:var(--space-12);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-8);box-shadow:var(--shadow-none)}.live-prototype.is-mobile .library-player .player-track{grid-column:1/-1}.live-prototype.is-mobile .library-player .player-transport{grid-row:2;grid-column:2}.live-prototype.is-mobile .library-player .player-controls{gap:var(--space-8)}.live-prototype.is-mobile .library-player .player-actions{display:contents}.live-prototype.is-mobile .library-player .mobile-hide,.live-prototype.is-mobile .library-player .player-actions>.player-icon{display:none}.live-prototype.is-mobile .library-player .player-actions>.player-icon:last-child{display:grid;grid-column:3;grid-row:2;justify-self:end}.live-prototype.is-mobile .library-player .player-time{grid-row:2;grid-column:1;justify-self:start}.live-prototype.is-mobile .expanded-player{display:grid;grid-template-rows:auto auto auto;min-height:0;padding:0}.live-prototype.is-mobile .expanded-player-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-8);padding:var(--space-8) var(--web-page-gutter) var(--space-12)}.live-prototype.is-mobile .player-back{display:none}.live-prototype.is-mobile .player-view-tabs{width:100%;grid-column:1/-1;grid-row:2}.live-prototype.is-mobile .player-top-actions{display:flex;grid-column:2;grid-row:1;gap:var(--space-4);width:auto}.live-prototype.is-mobile .player-top-actions button{width:var(--size-44);min-height:var(--size-44);padding:0;border:0;background:transparent}.live-prototype.is-mobile .player-stage{min-height:var(--size-420)}.live-prototype.is-mobile .expanded-track-copy{left:var(--web-page-gutter);right:var(--web-page-gutter);bottom:var(--space-24)}.live-prototype.is-mobile .expanded-player>.library-player{margin:0;padding:var(--space-16) var(--web-page-gutter) max(var(--space-16),env(safe-area-inset-bottom))}.live-prototype.is-mobile .expanded-player>.library-player .player-volume{display:flex;grid-row:3;grid-column:1/-1;justify-self:center}.live-prototype.is-mobile .player-panel{inset:var(--space-12);width:auto;max-height:calc(100% - var(--space-24))}.component-preview[data-kind=sidebar] .specimen-surface.is-mobile .prototype-sidebar{height:auto}.component-preview .specimen-surface.is-mobile{min-height:0}@media(max-width:520px){.live-prototype.is-mobile .prototype-theme-grid{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .featured-voice{grid-template-columns:var(--web-portrait-width) minmax(0,1fr)}.live-prototype.is-mobile .featured-voice-image{width:var(--web-portrait-width);height:var(--size-112)}.live-prototype.is-mobile .featured-play{grid-column:2;grid-row:5;justify-self:start}.ui-modal{padding:var(--space-20)}.dialog-actions{flex-wrap:wrap}.dialog-actions .ui-button{flex:1}}.specimen-surface.is-mobile .prototype-theme-grid{grid-template-columns:minmax(0,1fr)}@media(max-width:900px){.app{display:block}.app>.rail{position:static;width:100%;height:auto;padding:var(--space-20)}.rail nav{display:flex;overflow-x:auto;gap:var(--space-8)}.rail nav a{flex:none;min-height:var(--size-44)}.rail-footer,.rail-label{display:none}.app>main{margin:0;min-width:0}.section-block,.topbar{padding-inline:var(--space-20)}.hero{grid-template-columns:minmax(0,1fr)}.hero-art{display:none}.patterns-grid,.standalone-preview-links,.two-column{grid-template-columns:minmax(0,1fr)}.component-preview .specimen-surface{max-width:100%;min-width:0}.auth-card{display:block}.auth-message{display:none}}.responsive-review{margin-top:var(--space-24);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-8)}.responsive-review summary{min-height:var(--size-48);padding:var(--space-16);cursor:pointer}.responsive-review-controls{display:flex;flex-wrap:wrap;gap:var(--space-16);padding:var(--space-16)}.responsive-review-controls label{display:grid;gap:var(--space-8)}.responsive-review select{min-height:var(--size-44);border:var(--size-1) solid var(--control-border);border-radius:var(--control-radius);padding-inline:var(--space-12);color:var(--text-primary);background:var(--surface-overlay)}.responsive-review-canvas{max-width:100%;overflow:auto;padding:var(--space-16);background:var(--surface-sunken)}.responsive-review iframe{display:block;height:var(--review-height);flex:none;border:0;margin-inline:auto;background:var(--surface-app)}@media(max-width:1200px){.standalone-preview.is-desktop .prototype-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standalone-preview.is-desktop .library-player .mobile-hide{display:none}.standalone-preview.is-desktop .voice-flow-layout{grid-template-columns:minmax(0,1fr)}}.live-prototype.is-mobile :is(.flow-heading,.question-flow-layout,.voice-flow-layout,.flow-sound-grid,.flow-actions){width:100%;max-width:none}.live-prototype.is-mobile .flow-actions .ui-button{min-width:0}.live-prototype.is-mobile .flow-screen:before{opacity:0}.live-prototype.is-mobile .explore-screen{padding-top:var(--space-16)}.live-prototype.is-mobile .prototype-heading{margin-bottom:var(--space-16)}.live-prototype.is-mobile .ui-filter-tabs{padding:0}.live-prototype.is-mobile .ui-filter-tabs button{background:var(--surface-raised)}.live-prototype.is-mobile .ui-filter-tabs button.active{background:var(--selection-bg)}.live-prototype.is-mobile .flow-sound-card{display:grid;grid-template-columns:minmax(0,1fr) var(--size-60);align-items:center}.live-prototype.is-mobile .flow-sound-select{display:grid;grid-template-columns:var(--size-48) minmax(0,1fr) var(--size-20);gap:var(--space-12);padding:var(--space-12)}.live-prototype.is-mobile .flow-sound-card.voice-only .flow-sound-select{grid-column:1}.live-prototype.is-mobile .flow-sound-play{position:static;margin-right:var(--space-12);transform:none}.scene-confidence{--scene-image:url(/prototype/theme-confidence.webp)}.scene-rest{--scene-image:url(/prototype/theme-rest.webp)}.scene-focus{--scene-image:url(/prototype/theme-focus.webp)}.scene-overthinking{--scene-image:url(/prototype/theme-overthinking.webp)}.scene-boundaries{--scene-image:url(/prototype/theme-boundaries.webp)}.scene-balance{--scene-image:url(/prototype/theme-balance.webp)}[class*=scene-]:not(.theme-scene){background-image:var(--scene-image);background-repeat:no-repeat;background-size:cover;background-position:50%}.live-prototype.is-mobile :is(.detail-hero,.single-screen),.player-stage.cover{background-size:cover;background-position:50%}.player-stage.cover{background-image:var(--scrim-player-cover),var(--scene-image)}.live-prototype.is-mobile .player-overlay,.standalone-preview .player-overlay,.standalone-preview.is-desktop .player-overlay{position:fixed;inset:0;z-index:var(--z-index-100);height:var(--size-100dvh);min-height:0;overflow-y:auto;overscroll-behavior:contain;grid-template-rows:auto minmax(var(--size-240),1fr) auto;padding:0}.standalone-preview.is-desktop .player-overlay{left:var(--sidebar-width)}.live-prototype.is-mobile .player-overlay .player-stage{min-height:var(--size-240)}.player-overlay .player-stage{background-size:cover}.live-prototype.is-mobile .flow-timeline{flex-wrap:nowrap;align-items:center;gap:var(--space-4)}.live-prototype.is-mobile .flow-timeline .multi-step-overflow{display:block;min-height:0}.live-prototype.is-mobile .flow-timeline .step-continuation{justify-content:center;padding:var(--space-4);min-width:var(--size-44);width:auto}.live-prototype.is-mobile .flow-timeline .step-continuation [data-text]{display:block}.live-prototype.is-mobile .flow-timeline .step-continuation svg{transform:rotate(var(--step-continuation-mobile-rotation))}.live-prototype.is-mobile .sidebar-navigation{display:none}.live-prototype.is-mobile .menu-open .sidebar-navigation{display:block;position:absolute;top:calc(100% + var(--space-8));left:var(--web-page-gutter);right:var(--web-page-gutter);padding:var(--space-8);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);background:var(--surface-overlay);box-shadow:var(--shadow-popover);max-height:var(--mobile-menu-max-height);overflow-y:auto}.live-prototype.is-mobile .prototype-sidebar nav button.active:before{content:"";position:absolute;background:var(--selection-indicator);top:var(--space-12);bottom:var(--space-12);left:0;height:auto;width:var(--sidebar-active-marker-width);border-radius:var(--radius-4)}.live-prototype.is-mobile .prototype-user{width:100%;height:auto;display:flex;justify-content:flex-start;gap:var(--space-12);padding:var(--space-8);border:0;border-radius:var(--radius-8);background:transparent;box-shadow:var(--shadow-none);text-align:left}.live-prototype.is-mobile .account-initials{display:grid;place-items:center;width:var(--size-40);height:var(--size-40);flex:none;border-radius:50%;background:var(--gradient-avatar)}.live-prototype.is-mobile .account-label{display:grid;gap:var(--space-3);color:var(--text-primary)}.live-prototype.is-mobile .account-popover:after{display:none}.live-prototype.is-mobile .flow-actions--pair{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-12)}.live-prototype.is-mobile .flow-actions--pair .ui-button--primary{order:0}.live-prototype.is-mobile .flow-actions--question{gap:var(--space-8);margin-top:var(--space-24)}.live-prototype.is-mobile .flow-voice-row{display:grid;grid-template-columns:minmax(0,1fr) var(--size-52);align-items:center}.live-prototype.is-mobile .flow-voice-select>.radio-indicator{grid-column:3;grid-row:1}.live-prototype.is-mobile .flow-voice-select>span:last-child{grid-column:2;grid-row:1;min-width:0}.live-prototype.is-mobile .mobile-selected-detail{display:block;margin-top:var(--space-6)}.live-prototype.is-mobile .flow-sound-card{grid-template-columns:minmax(0,1fr) var(--size-52)}.live-prototype.is-mobile .flow-sound-art,.live-prototype.is-mobile .voice-only-icon{width:var(--size-48);height:var(--size-48)}.live-prototype.is-mobile .flow-sound-play{margin-right:var(--space-8)}.live-prototype.is-mobile .library-heading-copy{display:contents}.live-prototype.is-mobile .library-heading-copy h1{grid-row:1;grid-column:1;margin:0}.live-prototype.is-mobile .library-heading-copy p{grid-row:2;grid-column:1/-1;margin:0}.live-prototype.is-mobile .library-create-action{grid-row:1;grid-column:2}.live-prototype.is-mobile .library-heading>.library-search{grid-row:3;grid-column:1/-1;width:100%}.live-prototype.is-mobile .playlist-copy{padding:var(--space-12) 0 0}.live-prototype.is-mobile .playlist-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-prototype.is-mobile .creation-section{margin-top:var(--space-28)}.live-prototype.is-mobile .library-player .player-cover{width:var(--size-40);height:var(--size-40)}.live-prototype.is-mobile .library-player .player-controls{gap:var(--space-4)}.live-prototype.is-mobile .library-player:not(.is-expanded) .player-time{white-space:normal}.live-prototype.is-mobile .player-context{display:block;grid-column:1;grid-row:1}.live-prototype.is-mobile .player-collapse{grid-column:3;grid-row:1;border:0}.live-prototype.is-mobile .is-expanded .player-track,.live-prototype.is-mobile .player-action-label{display:none}.live-prototype.is-mobile .library-player.is-expanded .player-time{grid-row:1;grid-column:1/-1;justify-self:center}.live-prototype.is-mobile .library-player.is-expanded .player-transport{grid-row:2;grid-column:1/-1}.live-prototype.is-mobile .flow-voice-select .mobile-selected-detail{white-space:normal;overflow:visible;text-overflow:clip}.live-prototype.is-mobile .collection-specimen{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .explore-architecture{width:var(--explore-art-mobile-width);max-width:100%;height:var(--explore-art-mobile-height);opacity:var(--explore-art-mobile-opacity)}.live-prototype.is-mobile .ui-filter-tabs{scrollbar-width:none}.live-prototype.is-mobile .ui-filter-tabs::-webkit-scrollbar{display:none}.mobile-question-progress{display:none}.flow-timeline li button>.step-circle-number{display:inline}.flow-voice-select{grid-template-columns:auto minmax(0,1fr)}.flow-voice-row{height:auto;min-height:var(--size-88)}.flow-voice-row.selected .flow-avatar{outline:var(--size-2) solid var(--selection-indicator);outline-offset:var(--space-3)}.live-prototype.is-mobile .mobile-question-progress{display:block;margin:0 0 var(--space-12)}.live-prototype.is-mobile .mobile-step-label{display:none}.live-prototype.is-mobile .flow-timeline li button>.step-circle-number{display:inline}.live-prototype.is-mobile .flow-timeline{gap:var(--space-8)}.live-prototype.is-mobile .flow-timeline .step-continuation{flex-direction:row;gap:var(--space-4)}.live-prototype.is-mobile .flow-voice-row{grid-template-columns:minmax(0,1fr) auto}.live-prototype.is-mobile .flow-voice-select{grid-template-columns:var(--size-48) minmax(0,1fr)}.live-prototype.is-mobile .flow-actions--question{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-24)}.live-prototype.is-mobile .flow-actions--question .ui-button--primary{order:0}.live-prototype.is-mobile .flow-timeline li:not(.multi-step-overflow){display:flex;align-items:center;gap:var(--space-8)}.live-prototype.is-mobile .flow-timeline li:not(.multi-step-overflow):has(+li:not(.multi-step-overflow,.step-edge-placeholder))>i{display:block;position:static;width:var(--size-14);background:var(--border-control)}.flow-timeline>li.step-edge-placeholder{display:none}.live-prototype.is-mobile .flow-timeline{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,var(--size-44)) minmax(0,1fr);gap:var(--space-12);width:100%}.live-prototype.is-mobile .flow-timeline>li{margin:0;padding:0;min-width:0}.live-prototype.is-mobile .flow-timeline>.step-edge-placeholder{display:block}.live-prototype.is-mobile .flow-timeline li:not(.multi-step-overflow){position:relative;justify-content:center;gap:0}.live-prototype.is-mobile .flow-timeline li:not(.multi-step-overflow):has(+li:not(.multi-step-overflow,.step-edge-placeholder))>i{position:absolute;left:calc(100% + var(--space-3));width:var(--space-6);height:var(--size-1);margin:0}.live-prototype.is-mobile .flow-timeline .step-continuation{width:100%;flex-direction:column;gap:0;margin:0;padding:0;min-width:0;min-height:var(--size-44)}.flow-free-input+.flow-choice-list{margin-top:var(--space-12)}.live-prototype.is-mobile .flow-timeline>li.step-edge-placeholder{display:block}.flow-choice-list>button.flow-skip-choice{width:fit-content;min-height:var(--size-44);padding:var(--space-8) var(--space-12);border-color:transparent;background:transparent;color:var(--text-secondary);box-shadow:var(--shadow-none)}.flow-choice-list>button.flow-skip-choice:hover{color:var(--text-primary);background:var(--surface-raised)}.flow-choice-list>button.flow-skip-choice.selected{color:var(--text-accent);background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:var(--space-4);box-shadow:var(--shadow-none)}.live-prototype:not(.is-mobile) .question-flow-layout{grid-template-columns:var(--size-240) minmax(0,1fr);gap:var(--space-24);align-items:start}.live-prototype:not(.is-mobile) .flow-timeline li{grid-template-columns:var(--size-44) minmax(0,1fr)}.live-prototype:not(.is-mobile) .flow-timeline li>button{grid-column:1;justify-self:center;margin:0}.live-prototype:not(.is-mobile) .flow-timeline li>i{grid-column:1;justify-self:center;margin-left:0}.live-prototype:not(.is-mobile) .flow-timeline li>span{grid-column:2;margin-left:var(--space-12);overflow-wrap:anywhere}.live-prototype:not(.is-mobile) .flow-question-card{margin-top:0}.anchored-question-flow{overflow-anchor:none;display:grid;grid-template-columns:var(--size-44) minmax(0,1fr);gap:var(--space-24);width:100%;max-width:var(--size-800);align-items:start;padding-top:var(--space-24)}.question-step-marker{position:relative;height:var(--size-44)}.question-step-circle{display:flex;align-items:center;justify-content:center;width:var(--size-44);height:var(--size-44);border-radius:50%;background:var(--selection-indicator);color:var(--selection-on-indicator)}.question-step-trail{position:absolute;left:50%;height:var(--space-24);border-left:var(--size-2) dashed var(--border-control)}.question-step-trail.is-before{bottom:calc(100% + var(--space-8))}.question-step-trail.is-after{top:calc(100% + var(--space-8))}.anchored-question-panel{min-width:0;animation:question-content-enter var(--motion-duration-feedback) var(--motion-ease-out)}.anchored-question-panel>:is(h2,h4){display:flex;align-items:center;min-height:var(--size-44);margin:0 0 var(--space-24)}.anchored-question-panel .flow-choice-list{gap:var(--space-12)}.anchored-question-panel .flow-choice-list.has-short-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.anchored-question-panel .flow-choice-list>button{padding:var(--space-14)}.anchored-question-panel .flow-choice-list>.flow-skip-choice{grid-column:1/-1;margin-top:var(--space-8);padding-inline:0}.anchored-question-actions{display:flex;gap:var(--space-16);margin-top:var(--space-24);align-items:center}.anchored-question-actions>.ui-button{min-height:var(--size-48)}.live-prototype.is-mobile .anchored-question-flow{gap:var(--space-12)}.live-prototype.is-mobile .anchored-question-panel .flow-choice-list.has-short-answers{grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .anchored-question-actions{flex-wrap:wrap;gap:var(--space-8)}@keyframes question-content-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.anchored-question-panel{animation:none}}.question-step-circle{animation:question-marker-arrive var(--motion-duration-screen) var(--motion-ease-out)}.question-step-trail{animation:question-trail-arrive var(--motion-duration-screen) var(--motion-ease-out);transform-origin:center}.question-custom-answer{display:grid;gap:var(--space-8);margin-top:var(--space-12);padding:var(--space-16);border-left:var(--size-2) solid var(--selection-indicator);background:var(--surface-raised);animation:question-content-enter var(--motion-duration-panel) var(--motion-ease-out)}.question-custom-input{width:100%;height:auto;resize:vertical;padding:var(--space-12)}.anchored-question-panel .question-skip-action{margin-top:var(--space-16);padding-inline:0;color:var(--text-secondary)}@keyframes question-marker-arrive{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes question-trail-arrive{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.question-custom-answer,.question-step-circle,.question-step-trail{animation:none}}.anchored-question-panel .flow-free-input.ui-input{width:100%;max-width:var(--size-360)}.refined-voices.voice-flow-layout{width:100%;max-width:calc(var(--size-260) + var(--space-24) + var(--voice-list-max-width));grid-template-columns:minmax(0,var(--size-260)) minmax(0,var(--voice-list-max-width));align-items:start;gap:var(--space-24)}.refined-voices .featured-voice-image{width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-8)}.refined-voices .featured-voice>p{margin:var(--space-8) 0 var(--space-16)}.refined-voices .flow-voice-row{min-height:var(--size-88);height:auto;box-shadow:var(--shadow-none)}.refined-voices .flow-voice-row.selected{background:var(--selection-bg)}.refined-voices .flow-voice-list{gap:var(--space-12);min-width:0}.refined-voices .flow-voice-select{gap:var(--space-12);padding:var(--space-12)}.live-prototype.is-mobile .refined-voices .flow-avatar,.refined-voices .flow-avatar{width:var(--size-48);height:var(--size-48);aspect-ratio:1;border-radius:var(--radius-8);outline:none}.refined-voices .flow-voice-select small{white-space:normal;overflow:visible}.live-prototype.is-mobile .refined-voices.voice-flow-layout{display:grid;grid-template-columns:minmax(0,1fr)}.live-prototype.is-mobile .refined-voices .featured-voice{display:grid;grid-template-columns:var(--size-100) minmax(0,1fr);gap:var(--space-8) var(--space-16);align-items:start;margin-bottom:var(--space-12)}.live-prototype.is-mobile .refined-voices .featured-voice-image{width:var(--size-100);height:var(--size-100);grid-column:1;grid-row:1/4}.live-prototype.is-mobile .refined-voices .featured-play{grid-column:2;grid-row:3;justify-self:start}.live-prototype.is-mobile .refined-voices .flow-voice-select{padding:var(--space-8);gap:var(--space-8)}.refined-voices .flow-voice-row.selected .flow-avatar{outline:none}.refined-voices .voice-name-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-8)}.flow-voice .flow-actions,.live-prototype.is-mobile .flow-voice .flow-actions{margin-top:var(--space-32);padding-top:0}.live-prototype.is-mobile .refined-voices .flow-row-play.voice-preview{width:calc(var(--size-100) + var(--space-12))}.prototype-screen{view-transition-name:armonica-screen}.motion-demo-stage{view-transition-name:armonica-motion-demo}::view-transition-new(root),::view-transition-old(root){animation:none}::view-transition-group(armonica-motion-demo),::view-transition-group(armonica-screen){animation-duration:var(--motion-duration-screen);animation-timing-function:var(--motion-ease-out)}::view-transition-old(armonica-motion-demo),::view-transition-old(armonica-screen){animation:motion-fade-out var(--motion-duration-feedback) ease both}::view-transition-new(armonica-motion-demo),::view-transition-new(armonica-screen){animation:motion-arrive var(--motion-duration-screen) var(--motion-ease-out) both}::view-transition{pointer-events:none}.expanded-player-topbar button,.library-player button,.preview-toggle,.prototype-user,.ui-button,.ui-icon-action{transition:transform var(--motion-duration-feedback) var(--motion-ease-out),background-color var(--motion-duration-feedback),border-color var(--motion-duration-feedback),color var(--motion-duration-feedback),box-shadow var(--motion-duration-feedback)}:is(.ui-button,.ui-icon-action,.library-player button,.expanded-player-topbar button,.prototype-user):active:not(:disabled){transform:scale(var(--motion-scale-press))}.prototype-theme-copy svg,.ui-button>svg:not(.ui-button-spinner){transition:transform var(--motion-duration-panel) var(--motion-ease-out)}.flow-choice-list>button,.flow-sound-card,.flow-voice-row,.prototype-sidebar nav button,.ui-field input,.ui-field textarea,.ui-filter-tabs button,.ui-search{transition:background-color var(--motion-duration-feedback),border-color var(--motion-duration-feedback),color var(--motion-duration-feedback),box-shadow var(--motion-duration-feedback)}.playlist-card,.prototype-theme-card{transition:transform var(--motion-duration-panel) var(--motion-ease-out),border-color var(--motion-duration-feedback),box-shadow var(--motion-duration-panel)}.prototype-theme-card .theme-scene,.prototype-theme-card:hover .theme-scene{transform:none;filter:none;transition:none}.check-indicator.is-checked svg,.radio-indicator.is-selected i{animation:motion-select var(--motion-duration-feedback) var(--motion-ease-out) both}.ui-switch b{transition:transform var(--motion-duration-panel) var(--motion-ease-out),background-color var(--motion-duration-feedback)}.flow-screen,.library-home,.playlist-detail,.prototype-screen>.detail-screen,.prototype-screen>.explore-screen,.prototype-screen>.single-screen{animation:motion-arrive var(--motion-duration-screen) var(--motion-ease-out) both}.account-popover,.motion-demo-panel,.multi-step-panel,.player-panel,.ui-empty-state,.ui-feedback,.ui-modal[open]{animation:motion-arrive var(--motion-duration-panel) var(--motion-ease-out) both}.ui-modal[open]::backdrop{animation:motion-fade-in var(--motion-duration-feedback) ease both}.live-prototype.is-mobile .prototype-sidebar.menu-open nav{animation:motion-arrive var(--motion-duration-panel) var(--motion-ease-out) both}.motion-specimen{grid-column:1/-1}.motion-demo-stage{display:grid;gap:var(--space-20);margin-block:var(--space-24);padding:var(--space-24);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);background:var(--surface-raised)}.motion-demo-stage>.ui-button{justify-self:start}.motion-demo-panel{min-height:var(--size-132)}.motion-demo-panel p{margin-block:var(--space-8)}@media (hover:hover) and (pointer:fine){.prototype-theme-card:hover .prototype-theme-copy svg,.ui-button--primary:hover:not(:disabled)>svg:not(.ui-button-spinner){transform:translateX(var(--motion-distance-icon))}.playlist-card:hover,.prototype-theme-card:hover{transform:translateY(calc(var(--motion-distance-lift) * -1))}}@keyframes motion-arrive{0%{opacity:0;transform:translateY(var(--motion-distance-panel))}to{opacity:1;transform:none}}@keyframes motion-select{0%{opacity:0;transform:scale(var(--motion-scale-enter))}to{opacity:1;transform:scale(1)}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}.playlist-card:hover,.prototype-theme-card:hover,.ui-button:active{transform:none}}.featured-voice-image{animation:motion-fade-in var(--motion-duration-panel) ease both}.prototype-screen.has-expanded-player{transform:none;animation:none;view-transition-name:none}button.ui-preview-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:var(--space-8);width:auto;min-width:var(--size-44);height:var(--size-44);padding:var(--space-8) var(--space-12);border:var(--size-1) solid var(--preview-border);border-radius:var(--radius-8);background:var(--preview-bg);color:var(--preview-fg);box-shadow:var(--shadow-none);cursor:pointer;transition:background-color var(--motion-duration-feedback)}button.ui-preview-button.has-label{width:calc(var(--size-100) + var(--space-12))}button.ui-preview-button.icon-only{width:var(--size-44);padding:var(--space-8)}button.ui-preview-button:hover{background:var(--preview-hover-bg)}button.ui-preview-button[aria-pressed=true]{background:var(--preview-playing-bg);border-color:var(--text-accent)}button.ui-preview-button[aria-pressed=true]:hover{background:var(--preview-hover-bg)}button.ui-preview-button:focus-visible{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--size-2)}button.ui-preview-button .preview-icon{width:var(--size-18);height:var(--size-18);flex-shrink:0}@media (prefers-reduced-motion:reduce){button.ui-preview-button{transition:none}}button.ui-preview-button.preview-bare{background:transparent;color:var(--text-accent);border:none}button.ui-preview-button.preview-bare:hover{background:var(--control-bg-hover)}button.ui-preview-button.preview-bare .preview-icon{width:var(--size-24);height:var(--size-24)}.square-sounds.flow-sound-grid{max-width:calc(var(--size-320) * 2 + var(--space-16));gap:var(--space-16)}.square-sounds .flow-sound-card{aspect-ratio:1;min-height:0;border-radius:var(--radius-8)}.square-sounds .flow-sound-select{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-12);padding:var(--space-12)}.square-sounds .flow-sound-art{display:block;width:100%;height:auto;flex:1;min-height:0;background-size:cover;background-position:50%}.square-sounds .sound-copy{display:grid;gap:var(--space-4);padding-right:var(--size-44);min-height:var(--size-88);align-content:center}.square-sounds .flow-sound-play{position:absolute;left:auto;right:var(--space-12);bottom:var(--space-24);margin:0}.square-sounds .flow-sound-card.voice-only{aspect-ratio:auto;min-height:var(--size-72)}.square-sounds .voice-only .flow-sound-select{flex-direction:row;align-items:center}.square-sounds .voice-only .sound-copy{min-height:0;padding-right:0}.live-prototype.is-mobile .square-sounds .flow-sound-card{display:block;min-height:0}.live-prototype.is-mobile .square-sounds .flow-sound-select{display:flex;padding:var(--space-12)}.live-prototype.is-mobile .square-sounds .flow-sound-art{width:100%;height:auto}.live-prototype.is-mobile .square-sounds .flow-sound-play{position:absolute;right:var(--space-12);bottom:var(--space-24);margin:0}.square-sounds .asset-midnight{background-image:url(/prototype/sound-midnight.webp)}.square-sounds .asset-rain{background-image:url(/prototype/sound-rain.webp)}.square-sounds .asset-water{background-image:url(/prototype/sound-water.webp)}.square-sounds .asset-shore{background-image:url(/prototype/sound-shore.webp)}.banner-selector{max-width:var(--banner-width)}.banner-selector,.flow-screen.flow-sound,.flow-screen.flow-voice,.flow-sound,.flow-voice{width:100%;min-width:0}.flow-sound>.flow-heading,.flow-voice>.flow-heading{position:relative;width:100%;max-width:var(--banner-width)}.selection-hero{position:relative;display:flex;align-items:stretch;min-height:var(--banner-height);overflow:hidden;isolation:isolate;border-radius:var(--radius-8);background:var(--surface-app)}.banner-art{position:absolute;z-index:0;inset:0;background-color:var(--surface-app);background-repeat:no-repeat;background-position:50%;background-size:cover}.banner-art:after{position:absolute;inset:0;content:"";background:var(--banner-fade)}.banner-feature-copy{position:relative;z-index:1;display:flex;align-items:center;width:66%;max-width:66%;min-height:var(--banner-height);padding:var(--space-24)}.banner-identity{min-width:0}.banner-feature-copy h2,.banner-feature-copy h4{margin:0 0 var(--space-4)}.banner-feature-copy p{margin:0}.banner-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-16);padding-top:var(--space-16)}.banner-option{display:flex;position:relative;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-8);border:var(--size-1) solid transparent;border-radius:var(--radius-8);background:transparent;text-align:left;cursor:pointer}.banner-option[aria-checked=true]{border-color:var(--selection-indicator);background:var(--selection-bg)}.banner-option:focus-visible{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--space-4)}.banner-option-media{display:block;position:relative;width:100%;height:var(--banner-thumb-height);margin-bottom:var(--space-4);overflow:hidden;border-radius:var(--radius-8);background:var(--surface-raised)}.banner-thumbnail{display:grid;place-items:center;width:100%;height:100%;background-color:var(--surface-raised);background-repeat:no-repeat;background-position:50%;background-size:cover;color:var(--text-accent)}.banner-option-media .ui-preview-button{position:absolute;z-index:1;inset-inline-end:var(--space-12);inset-block-end:var(--space-12)}.banner-option>span:not(.banner-option-media),.banner-option>strong{min-width:0}.banner-option.is-silent .banner-option-media{background:var(--surface-raised)}.banner-option:hover .banner-option-media{outline:var(--size-1) solid var(--border-hover)}.flow-sound .flow-actions,.flow-voice .flow-actions{margin-top:var(--space-32);padding-top:0}.banner-art.asset-noa,.banner-thumbnail.asset-noa{background-image:url(/prototype/voice-noa.webp)}.banner-art.asset-elias,.banner-thumbnail.asset-elias{background-image:url(/prototype/voice-elias.webp)}.banner-art.asset-mira,.banner-thumbnail.asset-mira{background-image:url(/prototype/voice-mira.webp)}.banner-art.asset-adrian,.banner-thumbnail.asset-adrian{background-image:url(/prototype/voice-adrian.webp)}.banner-art.asset-lena,.banner-thumbnail.asset-lena{background-image:url(/prototype/voice-lena.webp)}.banner-art.asset-midnight,.banner-thumbnail.asset-midnight{background-image:url(/prototype/sound-midnight.webp)}.banner-art.asset-rain,.banner-thumbnail.asset-rain{background-image:url(/prototype/sound-rain.webp)}.banner-art.asset-water,.banner-thumbnail.asset-water{background-image:url(/prototype/sound-water.webp)}.banner-art.asset-shore,.banner-thumbnail.asset-shore{background-image:url(/prototype/sound-shore.webp)}.component-preview .specimen-surface.is-desktop:has(.banner-selector){width:100%;min-width:0}@media (max-width:760px){.live-prototype.is-mobile .banner-selector--sound .selection-hero,.live-prototype.is-mobile .banner-selector--voice .selection-hero{min-height:var(--banner-mobile-height)}.live-prototype.is-mobile .banner-selector--sound .banner-art,.live-prototype.is-mobile .banner-selector--voice .banner-art{background-position:50%}.live-prototype.is-mobile .banner-selector--sound .banner-art:after,.live-prototype.is-mobile .banner-selector--voice .banner-art:after{background:var(--banner-voice-mobile-fade)}.live-prototype.is-mobile .banner-feature-copy{width:72%;max-width:72%;min-height:var(--banner-mobile-height);padding:var(--space-16)}.live-prototype.is-mobile .banner-options{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-16)}.live-prototype.is-mobile .banner-option{display:grid;grid-template-columns:var(--size-64) minmax(0,1fr) var(--size-44);grid-template-areas:"media name play" "media subtitle play";align-items:center;column-gap:var(--space-16);min-height:var(--size-88);padding:var(--space-8);border-color:var(--border-control);background:transparent}.live-prototype.is-mobile .banner-option[aria-checked=true]{border-color:var(--selection-indicator);background:var(--selection-bg)}.live-prototype.is-mobile .banner-option-media{grid-area:media;width:var(--size-64);height:var(--size-64);margin:0}.live-prototype.is-mobile .banner-option>strong{grid-area:name}.live-prototype.is-mobile .banner-option>span:not(.banner-option-media){grid-area:subtitle}.live-prototype.is-mobile .banner-option-media .ui-preview-button{inset-inline-end:var(--space-4);inset-block-end:var(--space-4);width:var(--size-36);height:var(--size-36)}}@media (prefers-reduced-motion:no-preference){.banner-art{animation:banner-reveal var(--motion-duration-panel) ease-out}}@keyframes banner-reveal{0%{opacity:0}to{opacity:1}}.settings-screen{min-height:var(--size-100dvh);padding:var(--space-38) var(--space-48) var(--space-48);background:var(--gradient-explore-atmosphere)}.settings-page-head h1,.settings-page-head p{margin:0}.settings-page-head p{margin-top:var(--space-4)}.settings-tabs{display:flex;gap:var(--space-40);min-height:var(--size-52);margin-top:var(--space-24);border-bottom:var(--size-1) solid var(--border-default)}.settings-tabs button{position:relative;min-height:var(--size-52);padding:0 var(--space-2);border:0;background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.settings-tabs button.is-active,.settings-tabs button:hover{color:var(--text-primary)}.settings-tabs button.is-active:after{position:absolute;right:0;bottom:calc(var(--size-1) * -1);left:0;height:var(--size-4);border-radius:var(--radius-4) var(--radius-4) 0 0;background:var(--selection-indicator);content:""}.settings-eyebrow{margin:0}.settings-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);min-height:calc(var(--size-100dvh) - var(--size-280));margin-top:var(--space-28)}.settings-account-art{position:relative;display:grid;min-height:var(--size-530);place-items:center;overflow:hidden;background:var(--gradient-explore-atmosphere),url(/prototype/explore-architecture.webp) center 46% /cover no-repeat;background-blend-mode:screen,normal}.settings-account-art:before{position:absolute;inset:0;background:var(--gradient-brand-atmosphere);opacity:var(--opacity-_38);content:""}.settings-account-art>span{position:relative;display:grid;width:var(--size-210);aspect-ratio:1;place-items:center;border:var(--size-1) solid var(--border-selected);border-radius:50%;background:var(--surface-app);box-shadow:var(--shadow-selection-glow);color:var(--text-primary)}.settings-account-content{min-width:0;padding:var(--space-28) 0 var(--space-28) var(--space-48);border-left:var(--size-1) solid var(--border-default)}.settings-profile-fields{display:grid;gap:0;margin-top:var(--space-32)}.settings-profile-fields>.ui-field{margin:0;padding:0 0 var(--space-24);border-bottom:var(--size-1) solid var(--border-subtle)}.settings-profile-fields>.ui-field .ui-input{min-height:var(--size-54)}.settings-readonly-row{display:grid;gap:var(--space-8);padding:var(--space-24) 0;border-bottom:var(--size-1) solid var(--border-subtle)}.settings-signin-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-signin-row>span:last-child{justify-self:start;min-width:var(--size-112)}.settings-save-button{width:min(var(--size-260),100%);margin-top:var(--space-28)}.settings-logout-row{margin-top:var(--space-28);padding-top:var(--space-16);border-top:var(--size-1) solid var(--border-default)}.settings-logout{display:grid;grid-template-columns:var(--size-32) minmax(0,1fr) var(--size-24);align-items:center;gap:var(--space-16);width:100%;min-height:var(--size-52);padding:var(--space-4) 0;border:0;background:transparent;text-align:left;cursor:pointer}.settings-logout:disabled{color:var(--text-disabled);cursor:not-allowed}.settings-logout>svg:last-child{justify-self:end}.settings-billing{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-40);margin-top:var(--space-28)}.settings-plan-panel{position:relative;min-width:0;padding:var(--space-24) var(--space-36) var(--space-32) 0}.settings-plan-art{position:absolute;z-index:0;top:calc(var(--space-28) * -1);right:calc(var(--space-24) * -1);width:min(72%,var(--size-530));height:var(--size-220);background:var(--gradient-explore-atmosphere),url(/prototype/explore-architecture.webp) center 37% /cover no-repeat;background-blend-mode:screen,normal;opacity:var(--opacity-_38);pointer-events:none}.settings-plan-panel>:not(.settings-plan-art){position:relative;z-index:1}.settings-plan-panel h2{margin:var(--space-12) 0 var(--space-4)}.settings-plan-panel>p:not(.settings-eyebrow){margin:0;max-width:var(--size-620)}.settings-plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-28)}.settings-plan-facts>div{display:grid;align-content:start;gap:var(--space-8);min-width:0;padding:0 var(--space-20);border-left:var(--size-1) solid var(--border-default)}.settings-plan-facts>div:first-child{padding-left:0;border-left:0}.settings-plan-facts strong{overflow-wrap:anywhere}.settings-portal-button{width:100%;margin-top:var(--space-28)}.settings-benefits{margin-top:var(--space-32);padding-top:var(--space-24);border-top:var(--size-1) solid var(--border-default)}.settings-benefits ul{display:grid;gap:var(--space-16);margin:var(--space-20) 0 0;padding:0;list-style:none}.settings-benefits li{display:grid;grid-template-columns:var(--size-24) minmax(0,1fr);align-items:center;gap:var(--space-16)}.settings-benefits li>span{color:var(--text-accent)}.settings-billing-panel{min-width:0;padding:var(--space-110) 0 0 var(--space-36);border-left:var(--size-1) solid var(--border-default)}.settings-stripe-row{padding:0 0 var(--space-24);border-bottom:var(--size-1) solid var(--border-default)}.settings-stripe-row>div{display:grid;grid-template-columns:auto var(--size-1) minmax(0,1fr);align-items:center;gap:var(--space-20);margin-top:var(--space-20)}.settings-stripe-wordmark{white-space:nowrap}.settings-stripe-divider{align-self:stretch;background:var(--border-default)}.settings-stripe-row>div>span:last-child{display:grid;gap:var(--space-4);min-width:0}.settings-stripe-row>.ui-button{display:none}.settings-invoices{padding-top:var(--space-28)}.settings-invoice-list{display:grid;gap:0;margin:var(--space-12) 0 0;padding:0;list-style:none}.settings-invoice{display:grid;grid-template-columns:var(--size-32) minmax(0,1fr) auto;align-items:center;gap:var(--space-16);min-width:0;padding:var(--space-20) 0;border-bottom:var(--size-1) solid var(--border-subtle)}.settings-invoice>svg{color:var(--icon-secondary)}.settings-invoice>div{display:grid;gap:var(--space-4);min-width:0}.settings-invoice>div>*{overflow-wrap:anywhere}.settings-invoice>a{display:inline-flex;align-items:center;justify-self:end;gap:var(--space-6);min-height:var(--size-44);color:var(--action-link);text-decoration:none;white-space:nowrap}.settings-invoice>a:hover{color:var(--text-primary)}.settings-help{position:relative}.settings-help-intro{position:relative;display:flex;align-items:center;min-height:var(--size-210);overflow:hidden}.settings-help-intro>div:first-child{position:relative;z-index:1}.settings-help-intro h2{margin:0}.settings-help-intro p{margin:var(--space-4) 0 0}.settings-help-art{position:absolute;top:0;right:calc(var(--space-48) * -1);width:min(60%,var(--size-650));height:100%;background:var(--gradient-brand-atmosphere),url(/prototype/explore-architecture.webp) right 36% /cover no-repeat;background-blend-mode:screen,normal;mask-image:var(--mask-personalization-fade);opacity:var(--opacity-1);pointer-events:none}.settings-help-content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(var(--size-240),.9fr);gap:var(--space-36);align-items:start}.settings-faq-column{min-width:0}.settings-topic-label{display:block;margin-bottom:var(--space-8)}.settings-topic-select-wrap{position:relative}.settings-topic-select{width:100%;min-height:var(--size-52);appearance:none;padding:0 var(--space-48) 0 var(--space-16);border:var(--size-1) solid var(--border-control);border-radius:var(--control-radius);background:var(--surface-app);color:var(--text-primary);cursor:pointer}.settings-topic-select-wrap>svg{position:absolute;top:50%;right:var(--space-16);color:var(--text-accent);transform:translateY(-50%);pointer-events:none}.settings-faq-list{margin-top:var(--space-20);border-top:var(--size-1) solid var(--border-subtle)}.settings-faq-item{border-bottom:var(--size-1) solid var(--border-subtle)}.settings-faq-item h3{margin:0}.settings-faq-item h3 button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);width:100%;min-height:var(--size-60);padding:var(--space-12) 0;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.settings-faq-item h3 button>svg{flex:none;color:var(--text-accent)}.settings-faq-answer{padding:0 var(--space-32) var(--space-20) 0}.settings-faq-answer p{margin:0}.settings-support{min-width:0;padding:var(--space-12) 0 0 var(--space-28);border-left:var(--size-1) solid var(--border-default)}.settings-support .ui-button{width:100%;margin-top:var(--space-16)}.settings-support>small{display:block;margin-top:var(--space-12)}@media (max-width:1200px){.settings-billing{grid-template-columns:minmax(0,1fr);gap:var(--space-28)}.settings-plan-panel{padding-right:0}.settings-billing-panel{padding:var(--space-24) 0 0;border-left:0;border-top:var(--size-1) solid var(--border-default)}.settings-help-content{grid-template-columns:minmax(0,1fr) minmax(var(--size-236),.72fr)}}@media (max-width:900px){.settings-screen{min-height:0;padding:var(--space-28) var(--web-page-gutter) var(--space-40)}.settings-page-head h1{margin:0}.settings-page-head p{margin-top:var(--space-4)}.settings-tabs{gap:var(--space-12);margin-top:var(--space-24)}.settings-tabs,.settings-tabs button{min-height:var(--size-52)}.settings-account{display:block;min-height:0;margin-top:var(--space-20)}.settings-account-art{min-height:0;aspect-ratio:1.45;background-position:center 42%}.settings-account-art>span{width:var(--size-112)}.settings-account-content{padding:var(--space-24) 0 0;border-left:0}.settings-profile-fields{margin-top:var(--space-24)}.settings-profile-fields>.ui-field{padding-bottom:var(--space-16)}.settings-readonly-row{padding:var(--space-16) 0}.settings-save-button{width:100%;margin-top:var(--space-24)}.settings-billing,.settings-logout-row{margin-top:var(--space-20)}.settings-billing{gap:var(--space-20)}.settings-plan-panel{padding:var(--space-8) 0 var(--space-24)}.settings-plan-art{top:0;right:calc(var(--web-page-gutter) * -1);width:70%;height:var(--size-210)}.settings-plan-facts{gap:var(--space-8);margin-top:var(--space-24)}.settings-plan-facts>div{padding-inline:var(--space-10)}.settings-plan-facts>div:first-child{padding-left:0}.settings-portal-button{min-height:var(--size-52);margin-top:var(--space-24)}.settings-benefits{margin-top:var(--space-24);padding-top:var(--space-20)}.settings-benefits ul{gap:var(--space-12);margin-top:var(--space-16)}.settings-billing-panel{padding-top:var(--space-20)}.settings-stripe-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:var(--space-20)}.settings-stripe-row>p{grid-column:1/-1}.settings-stripe-row>div{grid-template-columns:auto var(--size-1) minmax(0,1fr);gap:var(--space-12);margin-top:var(--space-16)}.settings-stripe-row>.ui-button{display:inline-flex;min-width:var(--size-44);min-height:var(--size-44);align-self:end}.settings-invoices{padding-top:var(--space-20)}.settings-invoice{grid-template-columns:var(--size-28) minmax(0,1fr);gap:var(--space-12);padding:var(--space-16) 0}.settings-invoice>svg{width:var(--size-24)}.settings-invoice>a,.settings-invoice>span:last-child{grid-column:2;justify-self:start}.settings-invoice>a{min-height:var(--size-44)}.settings-help-intro{min-height:var(--size-170);margin-inline:calc(var(--web-page-gutter) * -1);padding-inline:var(--web-page-gutter)}.settings-help-intro p{max-width:70%}.settings-help-art{right:0;width:66%;background-position:64% 37%;opacity:.72}.settings-help-content{display:block}.settings-faq-item h3 button{min-height:var(--size-64)}.settings-faq-answer{padding:0 0 var(--space-20)}.settings-support{margin-top:var(--space-24);padding:var(--space-20) 0 0;border-left:0;border-top:var(--size-1) solid var(--border-default)}.settings-support .ui-button{min-height:var(--size-54);margin-top:var(--space-12)}}@media (max-width:520px){.settings-tabs{justify-content:space-between;gap:var(--space-4)}.settings-tabs button{padding-inline:var(--space-2)}.settings-plan-facts>div{padding-inline:var(--space-6)}.settings-stripe-row>div{grid-template-columns:minmax(0,auto) var(--size-1) minmax(0,1fr);gap:var(--space-8)}.settings-invoice{gap:var(--space-8)}.settings-help-intro{min-height:var(--size-160)}}.listener-profile{max-width:var(--size-920);margin-top:var(--space-32)}.listener-profile h2,.listener-profile h3,.listener-profile h4,.listener-profile p{margin:0}.listener-profile p{margin-top:var(--space-8);max-width:70ch}.listener-profile-actions,.listener-profile-heading,.listener-profile-split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.listener-profile-heading{margin-bottom:var(--space-16)}.listener-profile-actions{justify-content:flex-start;margin-top:var(--space-16)}.listener-profile-feedback{padding:var(--space-16);margin-top:var(--space-16);background:var(--surface-raised);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12)}.listener-profile-available,.listener-profile-results{margin-top:var(--space-40)}.listener-profile-test-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);padding:var(--space-24) 0;border-bottom:var(--size-1) solid var(--border-default)}.listener-profile-test-row>div{min-width:0}.listener-profile-test-row .ui-button{flex-shrink:0}.listener-profile-result{padding:var(--space-24) 0;border-bottom:var(--size-1) solid var(--border-default)}.listener-profile-spectra{display:grid;gap:var(--space-24);margin:var(--space-24) 0}.listener-profile-spectra meter{display:block;width:100%;height:var(--size-16);margin:var(--space-8) 0;accent-color:var(--selection-indicator)}.listener-profile-spectra meter::-webkit-meter-bar{background:var(--surface-interactive);border:var(--size-1) solid var(--border-default)}.listener-profile-spectra meter::-webkit-meter-optimum-value{background:var(--selection-indicator)}.listener-profile-spectra meter::-moz-meter-bar{background:var(--selection-indicator)}.listener-test-form{margin-top:var(--space-32)}.listener-test-form>h3{margin-top:var(--space-24)}.listener-test-question,.listener-test-questions{padding:0;margin:0;border:0;min-width:0}.listener-test-question{margin:var(--space-32) 0}.listener-test-question legend{margin-bottom:var(--space-12)}.listener-test-options{display:flex;gap:var(--space-8);flex-wrap:wrap}.listener-test-options label{display:flex;align-items:center;gap:var(--space-8);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);padding:var(--space-12) var(--space-16);background:var(--surface-raised);color:var(--text-primary);cursor:pointer}.listener-test-options label:hover{border-color:var(--border-selected);background:var(--surface-hover)}.listener-test-options label:has(input:checked){border-color:var(--selection-indicator);background:var(--surface-selected)}.listener-profile input[type=checkbox],.listener-profile input[type=radio]{width:var(--size-18);height:var(--size-18);accent-color:var(--selection-indicator);flex-shrink:0}.listener-profile-consent{display:flex;gap:var(--space-12);align-items:flex-start;margin:var(--space-32) 0 var(--space-24)}.listener-profile-source{margin-top:var(--space-24)!important}.listener-profile a{color:var(--text-accent);text-decoration:underline;text-underline-offset:var(--space-3)}@media(max-width:720px){.listener-profile-test-row{flex-direction:column;align-items:stretch}.listener-test-options{flex-direction:column}.settings-tabs{flex-wrap:wrap;gap:var(--space-16)}}