/* Night Air: shared product surfaces, retaining existing IDs and control logic. */
body,.plus-page{background:var(--bg-deep);color:var(--text-primary)}header{height:80px;padding:0 4%;border-color:var(--line);gap:20px}.brand{font-family:Prata,Georgia,serif;font-size:25px;letter-spacing:.22em;font-weight:400;color:var(--text-primary)}.brandmark,.edition{display:none}.headphones{color:var(--text-secondary);font-size:13px}.content-menu{max-width:1560px;padding:8px 4%;border-color:var(--line);gap:16px}.content-menu a{color:var(--text-secondary);border-radius:4px}.content-menu a:hover{background:var(--accent-wash);color:var(--accent-bright)}main{max-width:1560px;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:48px;padding:40px 4% 64px}.stage{top:24px;min-width:0}.stage h1{font-family:Prata,Georgia,serif;font-size:clamp(34px,3.7vw,58px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:18px 0}.stage h1 span{color:var(--text-primary)}.stage h1 span:last-child{color:var(--text-secondary)}.eyebrow{color:var(--text-secondary);font-size:11px;letter-spacing:.18em}.intro{font-size:14px;color:var(--text-secondary);line-height:1.7}.visual{height:auto;aspect-ratio:1.35;margin:0 auto 24px;max-width:700px;padding-bottom:104px}.visual canvas{position:absolute;inset:0;width:100%;height:calc(100% - 80px)}.center{inset:auto 0 0;gap:3px}.center>span:first-child{color:var(--accent);font-size:11px}.center>span:last-child{color:var(--text-secondary);font-size:12px}#clock{font-family:Prata,Georgia,serif;font-size:60px;margin:3px 0;letter-spacing:.03em}.axis{display:none}.transport{max-width:430px}.primary{background:#c8e3e4;color:#0b1417;border-radius:999px;min-height:58px;font-size:15px;letter-spacing:.04em}.primary:hover{background:var(--accent-bright);box-shadow:0 0 28px var(--accent-wash)}.stop{border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text-primary);min-width:58px}#notice{color:var(--text-secondary);font-size:13px;line-height:1.6}.progress{height:2px;background:var(--line)}#progress{background:var(--accent)}
aside{min-width:0}.panel{background:var(--bg-surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:16px;box-shadow:none}.sectionhead{gap:10px}.sectionhead h2,.sectionbutton h2{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:500;letter-spacing:0}.sectionbutton{min-width:0;gap:10px}.number{display:none}.panel-chevron,#chevron{color:var(--accent);font-size:22px}.description,.small,.ends{color:var(--text-secondary)}.description{font-size:14px;line-height:1.7}.small{font-size:13px}.control label{font-size:14px}.control output,output{color:var(--accent)}input[type=range]{accent-color:var(--accent);min-height:44px}input[type=range]::-webkit-slider-thumb{background:var(--accent);border-color:var(--bg-surface)}input[type=range]::-moz-range-thumb{background:var(--accent)}.switch{background:var(--bg-hover);border:1px solid var(--line-strong)}.switch.active{background:var(--accent-deep)}.switch i{background:var(--text-primary)}select,input:not([type=range]):not([type=checkbox]),textarea,.account-page input,.account-page select,.cms-fields input,.cms-fields select,.cms-fields textarea{background:var(--bg-deep);color:var(--text-primary);border-color:var(--line-strong);border-radius:8px;min-width:0}.tag{background:var(--accent-wash);color:var(--accent);border-color:var(--line)}.account-button,.duration button,.custom,.advanced-panel button:not(.switch):not(.sectionbutton),.matrix-panel button:not(.switch):not(.sectionbutton){background:transparent;color:var(--text-primary);border:1px solid var(--line-strong);border-radius:8px;min-height:44px}.account-button:hover,.duration button:hover{background:var(--bg-hover)}.duration .selected,.duration button.selected{background:var(--accent-wash);color:var(--accent-bright);border-color:var(--accent)}.duration{gap:6px;flex-wrap:wrap}.duration button{padding:8px;font-size:13px}.custom{font-size:13px}.nature-grid{display:block}.nature-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;margin:0}.nature-card.active{background:var(--accent-wash);border-color:var(--line-strong)}.nature-toggle{font-size:15px;gap:10px;min-height:48px}.nature-icon{color:var(--accent);font-size:22px}.nature-settings{padding:10px 8px}.nature-check{color:var(--accent)}.nature-card summary{font-size:13px;color:var(--text-secondary);min-height:44px;padding-block:12px}.ears{background:var(--bg-deep);border-color:var(--line)}.ears strong{color:var(--accent);font-size:18px}.master{color:var(--text-secondary)}.plus-badge,.plus-pill{color:var(--accent);border-color:var(--line-strong);background:transparent}.quick-presets{max-width:430px;margin:20px auto}.quick-presets label{font-size:14px}.quick-presets select{font-size:14px}.quick-presets[hidden]{display:none}footer{background:var(--bg-deep);border-color:var(--line);color:var(--text-secondary);font-size:12px}.account-page{max-width:1200px}.account-page h1,.content-page h1,.plus-page h1{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-.025em}.account-page h2,.content-page h2{font-weight:500}.account-page,.content-page{color:var(--text-primary)}#account-auth{background:var(--bg-surface);border-color:var(--line);border-radius:12px}#account-message{color:var(--accent)}.stat-card{background:var(--bg-surface);border-color:var(--line);border-radius:12px}.stat-card strong{color:var(--accent-bright);font-family:Prata,Georgia,serif}.stat-card span,.week-date,.favorite-row{color:var(--text-secondary)}.week-bar,.favorite-meter i{background:var(--accent-deep)}.week-value{color:var(--accent)}.history-row,.preset-row,.admin-feature,.admin-user,.cms-panel{border-color:var(--line)}.account-page input[type=checkbox]{accent-color:var(--accent)}.content-page{max-width:840px}.content-lead,.rich-content{color:var(--text-secondary)}.rich-content a,.content-page a{color:var(--accent)}.rich-content blockquote{border-color:var(--accent-deep);color:var(--text-primary)}.rich-content img{border-radius:0}.cms-panel .ql-container{background:var(--bg-surface);color:var(--text-primary);border-color:var(--line-strong)}.cms-panel .ql-toolbar{background:#c8d8dc}.loading-card{background:var(--bg-surface);border-color:var(--line-strong);border-radius:14px}.loading-spiral{color:var(--accent)}.spiral-light{stroke:var(--accent-bright)}.spiral-track{stroke:var(--line-strong)}[role=dialog],dialog{background:var(--bg-surface);color:var(--text-primary);border-color:var(--line-strong);border-radius:14px}.sync-notice{background:var(--bg-raised);border-color:var(--line-strong)}.plus-layout{display:block;max-width:1300px}.plus-lead,.plus-grid p,.plus-offer p,.plus-faq p{color:var(--text-secondary)}.plus-grid{display:block}.plus-grid article{display:grid;grid-template-columns:40px 1fr 1.5fr;gap:24px;align-items:start;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:28px 0}.plus-grid h3{margin:0;font-size:21px}.plus-grid p{margin:0}.plus-number{color:var(--accent)}.plus-offer{background:var(--bg-surface);border-color:var(--line-strong);border-radius:12px}.plus-price{border-color:var(--line)}.plus-price .price{color:var(--text-primary);font-family:Prata,Georgia,serif}.payment-status{color:var(--accent)!important}.plus-cta{background:#c8e3e4;color:#0b1417;border-radius:999px}.plus-orbit{background:radial-gradient(ellipse,var(--accent-wash),transparent 68%)}.plus-orbit i{border-color:var(--line-strong)!important}.plus-orbit div{color:var(--text-primary);font-family:Prata,Georgia,serif}.plus-benefits,.plus-faq details,.plus-page footer{border-color:var(--line)}.plus-back,.plus-page footer a{color:var(--text-secondary)}
@media(max-width:1024px){main{gap:28px;grid-template-columns:minmax(0,1fr) 320px}.visual{aspect-ratio:1}.stage h1{font-size:36px}}@media(max-width:760px){header{min-height:72px;height:auto;padding:16px 20px;gap:12px}.brand{font-size:22px}.headphones{display:none}main{display:flex;flex-direction:column;padding:28px 20px 40px;gap:28px}.stage{position:relative;top:0;width:100%}.stage h1{font-size:clamp(28px,7vw,38px);line-height:1.17;margin:14px 0}.intro{font-size:13px}.visual{aspect-ratio:1;min-height:350px;padding-bottom:90px;margin:0 auto 20px}.visual canvas{height:calc(100% - 70px)}#clock{font-size:48px}.transport{width:100%;gap:10px}.primary{font-size:14px;min-height:56px}.panel{padding:18px}.content-menu.mobile-open{position:fixed;inset:72px 0 0;z-index:120;background:var(--bg-deep);padding:24px;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.content-menu a{min-height:48px}.mobile-menu-controls{display:flex;flex-direction:column;gap:16px}.mobile-menu-toggle{border-color:var(--line-strong);color:var(--text-primary)}.mobile-menu-toggle span{background:var(--text-primary)}.plus-grid article{grid-template-columns:28px 1fr;gap:16px}.plus-grid p{grid-column:2}.plus-layout{padding:0 20px}.plus-hero{min-height:0}.plus-offer{padding:24px}.account-page,.content-page{padding:28px 20px}.stat-grid{gap:10px}.admin-feature select{max-width:100%}}
.switch{width:46px;height:28px;min-height:28px;padding:4px;border-radius:999px}.switch i{width:18px;height:18px;background:var(--text-primary)}.switch.active i{background:var(--text-primary);transform:translateX(18px)}[dir=rtl] .switch.active i{transform:translateX(-18px)}.site-language,.language-control select{background:var(--bg-deep);color:var(--text-primary);border-color:var(--line-strong)}.content-menu .plus-menu-link{color:var(--accent-bright);border-color:var(--line-strong)}.content-menu .plus-menu-link:hover{background:var(--bg-hover)}.mobile-menu-toggle{background:var(--bg-surface)}
/* Unified, restrained controls and spacing across every product view. */
.site-chrome{position:sticky;top:0;z-index:130;background:rgba(8,13,17,.97);border-bottom:1px solid var(--line);backdrop-filter:none}
.site-chrome header{position:relative;min-height:76px;height:auto;padding-block:14px;border:0;max-width:1560px;margin:auto;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand .brandmark{display:inline-flex;font-family:Arial,sans-serif;font-size:32px;line-height:1;color:var(--accent);letter-spacing:0}.brand .plus-pill{font:12px Manrope,sans-serif;letter-spacing:.08em}
.site-chrome .content-menu{border:0;padding-top:0;padding-bottom:12px;gap:4px}.content-menu a{font-size:14px;padding:10px 14px}.content-menu a[aria-current=page]{background:var(--accent-wash);color:var(--accent-bright)}
.account-sections{margin:0 auto;padding:0 4% 12px;max-width:1560px;gap:8px}.account-sections a{min-height:40px;padding:9px 14px}.account-sections a[aria-current=page]{color:var(--bg-deep)}
.stage{top:180px}.account-page,.content-page{scroll-margin-top:180px}.intro,.description{font-size:16px}.panel{padding:24px;border-radius:16px;margin-bottom:18px}.sectionhead{margin-bottom:16px}.sectionhead h2{line-height:1.4}.sectionbutton{min-height:44px}.control{margin-top:22px}.control label{line-height:1.5;gap:10px}.panel .small{font-size:14px;line-height:1.65}
button,select,a.account-button{transition:background .18s,border-color .18s,color .18s}.account-button{padding:10px 16px;font-size:14px;line-height:1.4}.account-button:hover{border-color:var(--accent);background:var(--accent-wash)}
.quick-presets{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--bg-surface);gap:12px}.quick-presets label{color:var(--text-secondary)}.quick-presets select{background:var(--bg-deep);color:var(--text-primary);border-color:var(--line-strong)}
.nature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.nature-card{min-width:0;background:var(--bg-deep);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0}.nature-card.selected{background:var(--accent-wash);border-color:var(--accent-deep)}.nature-toggle{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px;width:100%;padding:0;font-size:14px;line-height:1.5;min-height:70px}.nature-toggle .nature-icon{grid-column:1;grid-row:1;font-size:24px;text-align:start}.nature-toggle>[data-i18n]{grid-column:1/-1;grid-row:2}.nature-check{grid-column:2;grid-row:1;color:var(--accent)}.nature-plan-badge{grid-column:1/-1;grid-row:3;justify-self:start;color:var(--accent);border-color:var(--line-strong)}.nature-card summary{font-size:12px;line-height:1.5;min-height:36px;padding:10px 0 0}.nature-settings{padding:0}.nature-settings .control{margin-top:14px}.nature-settings label{font-size:12px;flex-wrap:wrap;gap:3px}.nature-settings input{width:100%}
.advanced-wave{background:var(--bg-deep);border-color:var(--line);padding:16px;border-radius:12px}.advanced-wave figcaption{color:var(--accent);font-size:14px}.advanced-wave p{color:var(--text-secondary);font-size:14px}.advanced-panel .sectionhead>span,.matrix-plus-badge{color:var(--accent);background:var(--accent-wash);border-color:var(--line-strong)}.advanced-panel select,.matrix-panel select{background:var(--bg-deep);color:var(--text-primary);border-color:var(--line-strong)}.advanced-band-presets{gap:8px}.advanced-controls{gap:20px}.advanced-panel summary{padding:14px 0;color:var(--text-secondary)}.advanced-controls input[type=checkbox],.cms-fields input[type=checkbox]{accent-color:var(--accent)}
.directory-bulk{background:var(--bg-surface);border-color:var(--line)}.directory-row{border-color:var(--line)}.directory-badges{color:var(--text-secondary)}.directory-message{color:var(--accent)}.favorite-meter{background:var(--line)}
@media(min-width:1100px){main{grid-template-columns:minmax(0,1fr) minmax(360px,410px);gap:56px}.visual{max-width:660px}}
@media(max-width:760px){.site-chrome header{height:72px;min-height:72px;padding:12px 20px;flex-wrap:nowrap}.brand{font-size:20px;gap:8px}.brand .brandmark{font-size:28px}.site-chrome .content-menu.mobile-open{padding:24px;inset:72px 0 0}.account-sections{overflow-x:auto;flex-wrap:nowrap;padding:0 20px 10px}.account-sections a{flex:0 0 auto;white-space:nowrap}.stage{top:0}.panel{padding:20px}.intro{font-size:16px}.account-page,.content-page{scroll-margin-top:132px}.nature-grid{gap:10px}.nature-card{padding:14px}.nature-toggle{font-size:14px}.quick-presets{width:100%;max-width:430px}.plus-page .plus-back{font-size:13px;margin-inline-start:auto}.plus-page .mobile-menu-toggle{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){button,select,a.account-button{transition:none}}

input[type=range]{background-size:100% 3px!important;background-repeat:no-repeat!important;background-position:center!important}.ears .wave{color:var(--accent)}
/* Compact card heading: icon, membership badge, toggle on one line. */
.nature-toggle{grid-template-columns:minmax(20px,1fr) auto 22px;gap:8px;min-height:68px}.nature-toggle .nature-icon{grid-column:1;grid-row:1}.nature-toggle .nature-plan-badge{grid-column:2;grid-row:1;align-self:center;font-size:11px;padding:3px 6px;letter-spacing:.03em}.nature-toggle .nature-check{grid-column:3;grid-row:1;align-self:center;margin:0;text-align:center}.nature-toggle>[data-i18n]{grid-column:1/-1;grid-row:2;margin-top:6px}.nature-details>summary{list-style:none;display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;padding-top:12px}.nature-details>summary::-webkit-details-marker,.nature-duration>summary::-webkit-details-marker{display:none}.nature-details>summary:before,.nature-duration>summary:before{content:'›';font-size:18px;line-height:1;transition:transform .18s}.nature-details[open]>summary:before,.nature-duration[open]>summary:before{transform:rotate(90deg)}
.nature-duration{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}.nature-duration>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;cursor:pointer}.nature-duration summary output{flex-basis:100%;padding-left:14px;font-size:11px;color:var(--text-secondary)}.nature-duration-body{display:grid;gap:8px;margin-top:14px}.nature-duration-body label{font-size:12px}.nature-duration-body input[type=number]{width:100%;padding:8px 10px;font-size:16px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-deep);color:var(--text-primary)}.nature-duration-body .small{font-size:12px;line-height:1.5;margin:0}.nature-settings{opacity:1}
.advanced-panel .advanced-access-retry{display:block;margin:0 0 20px;min-height:40px;padding:8px 14px;font-size:14px}.advanced-panel .advanced-access-retry[hidden]{display:none}.advanced-panel .advanced-mode-select{margin-top:8px;margin-bottom:16px;min-height:48px}.advanced-panel #advanced-content>p{font-size:14px;line-height:1.65;margin:12px 0 18px}.advanced-panel .sectionhead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.advanced-panel .sectionhead h2{grid-column:1/-1;font-size:17px;line-height:1.45}.advanced-panel .sectionhead .sectionbutton{grid-column:1;min-width:0}.advanced-panel .sectionhead:has(.sectionbutton){display:flex;flex-wrap:wrap}.advanced-panel .sectionhead .sectionbutton{flex:1 1 100%}.advanced-panel .sectionhead .switch{margin-left:auto}

/* Nature controls: compact tiles, full-width expanded editor. */
.nature-grid{align-items:stretch;gap:10px}
.nature-card{display:flex;flex-direction:column;padding:12px;overflow:visible}
.nature-toggle{flex:0 0 auto;gap:6px;align-content:start;min-height:0;grid-template-rows:28px auto}
.nature-toggle>[data-i18n]{display:flex;align-items:center;min-height:2.9em;margin:4px 0 0;line-height:1.45;font-size:14px;overflow-wrap:normal;word-break:normal;hyphens:auto}
.nature-toggle .nature-plan-badge{white-space:nowrap;line-height:1.2}
.nature-details{padding:0;margin-top:auto;min-width:0}
.nature-details>summary{min-height:44px;padding:6px 0 0;font-size:14px;line-height:1.4;gap:8px;text-align:start}
.nature-details>summary:before,.nature-duration>summary:before{flex:0 0 10px;text-align:center}
.nature-card:has(>.nature-details[open]){grid-column:1/-1;padding:16px}
.nature-card:has(>.nature-details[open]) .nature-toggle{grid-template-columns:28px minmax(0,1fr) auto 24px;grid-template-rows:auto;align-items:center;gap:10px}
.nature-card:has(>.nature-details[open]) .nature-toggle>[data-i18n]{grid-column:2;grid-row:1;min-height:44px;margin:0;font-size:15px}
.nature-card:has(>.nature-details[open]) .nature-plan-badge{grid-column:3}
.nature-card:has(>.nature-details[open]) .nature-check{grid-column:4}
.nature-settings{padding:0;min-width:0}
.nature-settings .control{margin:12px 0 4px}
.nature-settings .control label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.5}
.nature-settings .control output{margin:0;white-space:nowrap;font-size:14px}
.nature-settings input[type=range]{margin:0;min-height:44px;height:44px}
.nature-duration{margin:8px 0 0;padding:8px 0 0}
.nature-duration>summary{display:grid;grid-template-columns:10px minmax(0,1fr);gap:4px 8px;padding:4px 0;min-height:44px;font-size:14px}
.nature-duration>summary>span{min-width:0;overflow-wrap:break-word;line-height:1.4}
.nature-duration summary output{grid-column:2;padding:0;min-width:0;font-size:12px;line-height:1.4}
.nature-duration-body{grid-template-columns:minmax(0,1fr) 76px;gap:6px 12px;margin-top:8px;align-items:center}
.nature-duration-body>label:not(.sr-only){grid-column:1/-1;font-size:14px}
.nature-duration-body input[type=range]{grid-column:1;grid-row:2;min-width:0}
.nature-duration-body input[type=number]{grid-column:2;grid-row:2;min-width:0;min-height:44px;padding:8px;text-align:center}
.nature-duration-body .small{grid-column:1/-1;margin:4px 0 0;font-size:12px;line-height:1.5}
@media(max-width:760px){
 main{padding:20px 12px 32px;gap:20px}aside{width:100%;padding:0;min-width:0}
 .panel{padding:16px;margin-bottom:12px;border-radius:14px}.sectionhead{gap:8px;margin-bottom:10px}.sectionhead h2,.sectionbutton h2{font-size:16px;line-height:1.4;letter-spacing:0;word-break:normal;overflow-wrap:break-word}
 .sectionbutton{gap:8px;text-align:start}.sectionbutton h2{flex:1;min-width:0}.panel-chevron{flex:0 0 auto}
 .description{font-size:14px;line-height:1.6;margin:8px 0 14px}.panel .small{font-size:13px;line-height:1.5}.control{margin:14px 0}.control label{margin-bottom:4px;font-size:14px}.control input[type=range]{margin:0}
 .nature-grid{gap:8px}.nature-card{padding:10px}.nature-toggle{grid-template-columns:minmax(20px,1fr) auto 20px;gap:5px}.nature-toggle .nature-icon{font-size:22px;min-width:20px}.nature-toggle .nature-plan-badge{font-size:11px;padding:3px 5px}.nature-toggle .nature-check{font-size:20px}.nature-card:has(>.nature-details[open]){padding:12px}
 .nature-duration-body .small{font-size:12px}.nature-details>summary{font-size:13px}
 .advanced-controls{gap:14px;margin:12px 0}.advanced-panel #advanced-content>p{font-size:14px;line-height:1.55;margin:10px 0 14px}.advanced-panel .sectionhead .sectionbutton{flex-basis:100%;min-height:0}.advanced-panel .sectionhead .sectionbutton h2{font-size:16px}.advanced-panel .advanced-mode-select{margin:4px 0 12px;font-size:14px}
 .advanced-field{grid-template-columns:minmax(0,1fr) auto;gap:6px;font-size:14px}.advanced-field>span{min-width:0;overflow-wrap:break-word}.advanced-controls select{font-size:14px;padding:10px 28px 10px 10px}.advanced-controls>label{font-size:14px;line-height:1.5}.advanced-wave{padding:12px}.advanced-wave figcaption,.advanced-wave p{font-size:12px}
 .duration{gap:8px}.duration button{font-size:14px;min-height:44px}.duration .custom{padding:8px 10px}.custom>span:first-child{font-size:14px}
 .matrix-panel .sectionhead{flex-wrap:wrap}.matrix-panel .sectionbutton{flex:1 1 100%}.matrix-panel select{font-size:14px;max-width:100%}
 .site-chrome header{padding:10px 16px;height:64px;min-height:64px}.site-chrome .content-menu.mobile-open{inset:64px 0 0;padding:16px}.brand{font-size:20px;letter-spacing:.16em}.mobile-menu-toggle{width:44px;height:44px;flex-basis:44px}
 .account-page,.content-page{padding:24px 16px;scroll-margin-top:120px}.account-top,.account-identity{flex-wrap:wrap;gap:10px}.account-page h1,.content-page h1{font-size:30px;line-height:1.2;overflow-wrap:break-word}.content-lead{font-size:17px}.rich-content{font-size:16px}
 .quick-presets{padding:14px;margin:14px auto}.visual{min-height:300px;margin-bottom:16px}.stage h1{font-size:clamp(28px,7vw,38px)}.intro{font-size:14px}.transport{max-width:430px}.primary{font-size:14px;min-height:52px}.stop{min-width:52px;width:52px}
}
@media(max-width:350px){.nature-grid{gap:6px}.nature-card{padding:8px}.panel{padding:12px}.nature-toggle>[data-i18n]{font-size:13px}.nature-toggle .nature-plan-badge{font-size:10px}.brand{font-size:18px}.site-chrome header{padding-inline:12px}}
/* Pin the listening area only after its introduction has scrolled out. */
@media(min-width:761px){
 .stage{position:relative;top:auto}
 .stage.stage-pinned{position:sticky;top:var(--listening-top);align-self:start}
}
.site-chrome{background:var(--bg-deep)}
/* Individual nature sounds: two handles on one meditation timeline. */
.nature-window-body{display:grid;gap:12px;margin-top:12px;min-width:0}
.nature-window-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.nature-window-inputs label{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--text-secondary)}
.nature-window-inputs input[type=number]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;text-align:center;font:inherit;font-size:16px;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--line-strong);border-radius:9px}
.nature-window-slider{position:relative;height:44px;margin:0 2px;--from:0%;--to:11.11%}
.nature-window-track{position:absolute;inset:20px 10px;height:4px;border-radius:4px;background:linear-gradient(to right,var(--line-strong) var(--from),var(--accent) var(--from),var(--accent) var(--to),var(--line-strong) var(--to))}
.nature-window-slider input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:44px;margin:0;padding:0;background:transparent!important;pointer-events:none;border:0;outline:none}
.nature-window-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent;border:0}
.nature-window-slider input[type=range]::-moz-range-track{height:4px;background:transparent;border:0}
.nature-window-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:auto;cursor:ew-resize;width:22px;height:22px;margin-top:-9px;border-radius:50%;border:3px solid var(--bg-deep);background:var(--accent);box-shadow:0 0 0 1px var(--accent);touch-action:none}
.nature-window-slider input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:ew-resize;width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-deep);background:var(--accent);box-shadow:0 0 0 1px var(--accent);touch-action:none}
.nature-window-slider input:focus-visible{z-index:2}
.nature-window-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-wash),0 0 0 2px var(--accent)}
.nature-window-slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-wash),0 0 0 2px var(--accent)}
.nature-window-until{display:flex;align-items:center;gap:8px;min-height:32px;font-size:12px;line-height:1.4;color:var(--text-secondary)}
.nature-window-until input{flex:none;width:16px;height:16px;accent-color:var(--accent)}
.nature-window-body .small{margin:0;font-size:12px;line-height:1.5}
/* Keep return navigation separate from page titles on every content page. */
.content-page > .account-button:first-child{display:table;margin:0 0 32px;max-width:100%}
.content-page > .account-button:first-child + h1{margin-top:0}
.account-page > .account-top{margin-bottom:32px}
@media(max-width:760px){
 .content-page > .account-button:first-child{margin-bottom:24px}
 .account-page > .account-top{margin-bottom:24px}
}

/* Shared editorial rhythm for every CMS page, including previews. */
.content-page{width:100%;min-width:0;padding-inline:clamp(20px,5vw,48px)}
.content-page h1,.content-lead,.rich-content{word-break:normal;overflow-wrap:break-word;hyphens:none;letter-spacing:normal}
.content-page>h1{line-height:1.28;margin-bottom:24px}
.content-lead{line-height:1.75;margin:0 0 28px;white-space:pre-wrap}
.rich-content{min-width:0;line-height:1.8;margin:28px 0 32px}
.rich-content p{margin:0 0 1.2em;line-height:inherit}
.rich-content :is(h1,h2,h3,h4){line-height:1.35;letter-spacing:normal;margin:1.6em 0 .7em;word-break:normal;overflow-wrap:break-word}
.rich-content>:first-child{margin-top:0}.rich-content>:last-child{margin-bottom:0}
.rich-content :is(ul,ol){padding-inline-start:1.5em;margin:1em 0 1.4em}
.rich-content li{padding-inline-start:.25em;margin:.65em 0;line-height:1.75}
.rich-content li p{margin:.5em 0}
.rich-content blockquote{margin:1.5em 0;padding-inline:18px 0}
.rich-content a{overflow-wrap:anywhere}
.rich-content img{max-width:100%;height:auto}
@media(max-width:760px){
 .content-page{padding:28px 20px 48px}
 .content-page>h1{font-size:clamp(28px,7vw,36px);line-height:1.3}
 .content-lead,.rich-content{font-size:16px;line-height:1.8}
 .rich-content h1{font-size:28px}.rich-content h2{font-size:24px}.rich-content h3{font-size:21px}.rich-content h4{font-size:18px}
 .rich-content .ql-align-justify,.rich-content [style*="text-align: justify"]{text-align:start!important}
 .rich-content [class*="ql-indent-"]{padding-inline-start:1.25em!important}
}

/* Prose wraps only at spaces; CMS pasted nonbreaking spaces are normalized. */
.content-page h1,.content-lead,.rich-content,.rich-content :is(p,span,strong,em,li,h1,h2,h3,h4,blockquote){word-break:normal;overflow-wrap:normal;hyphens:none}

.telegram-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--accent);text-decoration:none;flex-shrink:0;min-height:44px}
.telegram-header{width:44px;border:1px solid var(--line-strong);border-radius:50%;margin-inline-start:8px}
.telegram-link:hover{color:var(--accent-bright);background:var(--accent-wash)}
footer{flex-wrap:wrap;gap:16px}.telegram-footer{font-size:14px}
.rewards-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-size:18px;line-height:1.5;min-height:44px}
.rewards-card>summary::-webkit-details-marker{display:none}.rewards-card>summary::after{content:'+';font-size:24px}.rewards-card[open]>summary::after{content:'−'}
.reward-balance{margin-inline-start:auto;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px}
.reward-content{padding-top:20px}.reward-content p{margin:0 0 16px;line-height:1.7}.reward-content progress{display:block;width:100%;height:8px;accent-color:var(--accent);margin-bottom:20px;border:0;border-radius:8px;overflow:hidden}.reward-content progress::-webkit-progress-bar{background:var(--line)}.reward-content progress::-webkit-progress-value{background:var(--accent)}.reward-offer{font-size:20px;color:var(--text-primary)}.reward-history summary{cursor:pointer;min-height:44px;padding:12px 0}.reward-history p{margin:10px 0}.reward-content [role=status]:empty{display:none}
@media(max-width:760px){.telegram-header{width:40px;min-height:40px;margin-inline-start:0}.rewards-card>summary{font-size:16px;gap:10px}.reward-balance{font-size:14px}.reward-content .account-button{width:100%;white-space:normal}footer{align-items:flex-start}.site-chrome header{gap:8px}}
@media(max-width:420px){.plus-page .plus-back{display:none}}

/* Telegram belongs to the mobile drawer and the far edge of the desktop header. */
.telegram-menu-label{display:none}
@media(min-width:761px){.site-chrome header>.telegram-header{order:99;margin-inline-start:auto}}
@media(max-width:760px){
 .site-chrome header>.telegram-header{display:none}
 .mobile-menu-controls .telegram-header{display:flex;justify-content:flex-start;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:8px;margin:0;font-size:15px}
 .mobile-menu-controls .telegram-menu-label{display:inline;overflow-wrap:normal}
}

/* A single right-aligned group, with compact controls and inset select arrow. */
.site-language{appearance:none;-webkit-appearance:none;line-height:1.4;padding:10px 40px 10px 14px;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b9cdd1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
.site-language:focus-visible{outline-offset:3px}
@media(min-width:761px){
 .site-chrome header{justify-content:flex-start;flex-wrap:nowrap;gap:12px}
 .site-chrome header>.brand{margin-inline-end:auto;flex-shrink:0}
 .site-chrome header>.headphones{margin-inline-start:0;margin-inline-end:8px;white-space:nowrap;max-width:none}
 .site-chrome header>.site-language{width:156px;max-width:156px;min-width:130px;min-height:44px;font-size:14px;flex-shrink:1}
 .site-chrome header>.account-nav{margin:0;padding:10px 16px;min-height:44px;font-size:14px;white-space:nowrap;flex-shrink:0;border-radius:10px}
 .site-chrome header>.telegram-header{margin:0;width:44px;min-height:44px;order:99}
 .site-chrome header>.plus-back{margin-inline-start:0}
}
@media(min-width:761px) and (max-width:1050px){.site-chrome header>.headphones{display:none}}
@media(max-width:760px){.mobile-menu-controls .site-language{padding:12px 42px 12px 14px}}
html[dir=rtl] .site-language{background-position:left 14px center;padding-left:40px;padding-right:14px}

/* Shared spiral brand mark, with stable dimensions on every screen. */
.brand .brandmark{width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center}.brandmark img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.brand .brandmark{width:32px;height:32px;flex-basis:32px}}
/* A compact entry point; all individual technologies remain under details. */
.audio-recipes{display:grid;gap:14px;margin:18px 0}.audio-recipes label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;font-size:14px;line-height:1.5}.audio-recipes select,.audio-recipes input{grid-column:1/-1;width:100%;min-width:0}.audio-recipes select{min-height:46px;padding:10px 36px 10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-deep);color:var(--text-primary);font:inherit}.audio-recipes p{margin:0;line-height:1.6;overflow-wrap:normal;word-break:normal;color:var(--text-secondary);font-size:13px}.audio-recipes output{font-variant-numeric:tabular-nums;color:var(--accent)}.audio-recipes input[type=range]{min-height:24px;accent-color:var(--accent)}.audio-recipes .account-button{width:100%;white-space:normal;min-height:44px}.recipe-technical{min-width:0;margin-top:12px}.recipe-technical>summary{cursor:pointer;padding:12px 0;font-size:14px;color:var(--text-primary)}.recipe-technical>.advanced-mode-select{width:100%;margin:12px 0}.recipe-technical fieldset{min-width:0}.audio-recipes select:focus-visible,.audio-recipes button:focus-visible,.recipe-technical>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.billing-promo{display:grid;gap:10px;margin:18px 0 22px;min-width:0}.billing-promo label{font-size:14px;color:var(--text-primary)}.billing-promo input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--bg-deep);color:var(--text-primary);font:inherit;font-size:15px;letter-spacing:.02em}.billing-promo input::placeholder{letter-spacing:0;font-size:13px;color:var(--text-secondary)}.billing-promo .small{margin:0;line-height:1.65;word-break:normal;overflow-wrap:normal}.billing-promo input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.billing-promo input[aria-invalid=true]{border-color:#e4a39b}

/* Compact, aligned module headers in both themes and at all screen widths. */
aside .panel .sectionhead,aside .advanced-panel .sectionhead:has(.sectionbutton){display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:44px}
aside .panel .sectionhead>.sectionbutton{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;grid-column:1;flex:none;min-height:44px;width:100%;padding:0;text-align:start}
aside .panel .sectionhead .sectionbutton h2{grid-column:auto;margin:0;font-size:16px;line-height:1.4;font-weight:500;letter-spacing:0;word-break:normal;overflow-wrap:normal}
aside .panel .sectionhead .sectionbutton>span:last-child{display:grid;place-items:center;width:24px;min-width:24px;line-height:1;font-size:24px;color:var(--accent);margin:0}
aside .panel .sectionhead>.switch{grid-column:3;margin:0;width:44px;min-width:44px;align-self:center}
aside .panel .sectionhead>span:not(.number){grid-column:2;grid-row:1;white-space:nowrap;justify-self:center;margin:0;padding:3px 7px;font-size:11px;line-height:1.4;border:1px solid var(--line-strong);border-radius:999px;color:var(--accent)}
aside .panel:has(>.sectionhead>.sectionbutton[aria-expanded=false]){padding:10px 16px}
aside .panel:has(>.sectionhead>.sectionbutton[aria-expanded=false])>.sectionhead{margin:0}
@media(max-width:380px){aside .panel .sectionhead{gap:7px}aside .panel .sectionhead .sectionbutton h2{font-size:14px}aside .panel:has(>.sectionhead>.sectionbutton[aria-expanded=false]){padding:10px 12px}}

aside .matrix-panel .sectionhead{grid-template-columns:minmax(0,1fr) auto}
/* Collapsed modules expose only disclosure and their plan badge. */
aside .panel .sectionhead:has(>.sectionbutton[aria-expanded=false])>.switch{display:none}
aside .panel .sectionhead:has(>.sectionbutton[aria-expanded=false]){grid-template-columns:minmax(0,1fr) auto}