.language-picker{flex:none}.language-picker .language-trigger{color:#e5e7dc;background:#181a17;border-radius:11px;width:160px;height:36px;font-size:14px}.language-options{min-width:210px;max-height:min(70vh,450px)}.language-options [data-slot=select-item]{min-height:36px;font-size:14px}.topbar-inner{flex-wrap:wrap;gap:12px;height:auto;min-height:76px;padding-block:12px}.top-actions{flex-wrap:wrap}.main-nav{max-width:100%;overflow-x:auto}.main-nav a{white-space:nowrap;flex-shrink:0}.workspace-grid{grid-template-rows:minmax(250px,auto) minmax(176px,auto) minmax(176px,auto)}.desk-panel{min-width:0}.panel-heading h2,.timer-tabs button,.tiny-tabs button{overflow-wrap:anywhere}.panel-heading h2{font-size:14px}.panel-heading p,.timer-tabs button,.tiny-tabs button,.reminder-panel>p,.water-panel>p{font-size:12px;line-height:1.45}.preset-grid>button{height:auto;min-height:64px}.preset-grid strong,.preset-grid small{white-space:normal;overflow-wrap:anywhere}.timer-value,.reminder-countdown,.custom-countdown,.clock-panel>strong{direction:ltr;unicode-bidi:isolate}.interval-adjust{flex-wrap:wrap}.interval-adjust span{text-align:center}.footer{flex-wrap:wrap;gap:12px}[dir=rtl] .sound-copy,[dir=rtl] .mix-copy,[dir=rtl] .immersive-sound-copy{text-align:start}[dir=rtl] .toggle{direction:ltr}[dir=rtl] .support-button{margin-left:0;margin-inline-start:3px}[dir=rtl] .source-label{right:auto;inset-inline-end:14px}[dir=rtl] .language-trigger [data-slot=select-value]{text-align:start}@media (max-width:900px){.workspace-grid{grid-template-rows:auto}}@media (max-width:760px){.topbar-inner{gap:8px;min-height:66px}.language-picker .language-trigger{width:142px}.top-actions{gap:6px}.top-actions .support-button{font-size:12px}}@media (max-width:440px){.topbar-inner{align-items:flex-start}.top-actions{flex:1;justify-content:flex-end}.top-actions .support-button{height:32px}.brand-mark{width:30px;height:30px}.brand{gap:6px}.brand strong{letter-spacing:normal;font-size:13px}}
html{scroll-padding-top:110px}:root{--background:#0b1727;--secondary:#132338;--foreground:#e6edf3;--muted-foreground:#a3b3c4;--primary:#9dcee6;--accent:#213c54;--border:#293e52}.listening-room{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding:44px 28px;display:grid}.room-signature{letter-spacing:.24em;color:var(--primary);font-size:12px}.room-intro>h1{letter-spacing:-.03em;color:var(--foreground);margin:20px 0 16px;font-family:Georgia,Songti SC,serif;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.16}.room-intro>p{color:var(--muted-foreground);font-size:16px;line-height:1.6}.listening-room>.scene-panel{border-radius:18px;grid-area:auto;min-height:400px}.listening-room .quick-presets{padding:28px 0 0}.listening-room .quick-presets .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-room .scene-overlay>span{font-size:14px}.listening-room .scene-panel.is-expanded{border-radius:0}@media (max-width:760px){.listening-room{grid-template-columns:1fr;gap:24px;padding:28px 18px}.listening-room>.scene-panel{min-height:260px}}body{background:var(--background)}.topbar{background:var(--background);border-color:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-inner{max-width:1240px}.brand{color:var(--foreground)}.brand-logo{object-fit:cover;border-radius:12px;width:44px;height:44px}.brand-mark{color:var(--primary);background:0 0;border-radius:50%;transform:none}.brand strong{letter-spacing:-.03em;font-size:18px}.brand small{letter-spacing:.12em;color:var(--muted-foreground);font-size:12px}.main-nav{background:0 0;border:0;border-radius:0}.main-nav a{color:var(--muted-foreground);border-radius:0;font-size:14px}.main-nav a.active,.main-nav a:hover{color:var(--foreground);box-shadow:inset 0 -1px var(--primary);background:0 0}.top-actions>button:not(.support-button){width:42px;height:42px;color:var(--foreground);background:0 0;border:0;display:grid}.top-actions>button svg{width:19px;height:19px}.top-actions button[aria-pressed=true],.card-actions .sound-favorite[aria-pressed=true]{color:var(--primary)}.language-picker .language-trigger{background:var(--secondary);color:var(--foreground);border-color:var(--border)}.content-wrap,.earth-scenes-section,.workspace{width:100%;max-width:1240px;padding:42px 28px}.content-wrap{padding-top:52px}.quick-presets{max-width:1240px;margin:0 auto;padding:32px 28px 0}.quick-presets .presets-panel{background:0 0;border:0;padding:0;overflow:visible}.quick-presets .preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-presets .preset-grid>button{background:var(--secondary);color:var(--foreground);border-color:var(--border);min-height:82px}.quick-presets .preset-grid>button>svg:first-child{color:var(--primary);background:0 0}.quick-presets .panel-heading h2{color:var(--foreground);font-size:18px}.quick-presets .panel-heading p{display:none}.workspace-grid .timer-panel,.workspace-grid .todo-panel{grid-column:span 2}@media (max-width:760px){.quick-presets{padding:24px 18px 0}.quick-presets .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.page-heading{align-items:center;margin-bottom:30px}.page-heading h1{color:var(--foreground);letter-spacing:-.04em;font-size:clamp(28px,4vw,40px);font-weight:500}.page-heading p{color:var(--muted-foreground);font-size:16px}.search-box{width:280px}.search-box input{background:var(--secondary);height:46px;color:var(--foreground);border-color:var(--border);border-radius:8px;font-size:14px}.filter-row{flex-wrap:wrap}.library-toggle,.footer-support{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:14px}.category-pills button,.earth-scene-tabs button{color:var(--muted-foreground);border-radius:6px;font-size:14px}.category-pills button.active,.earth-scene-tabs button.active{background:var(--accent);color:var(--primary);border-color:#0000}.category-pills button:hover{color:var(--foreground);background:var(--secondary)}.sound-grid{scrollbar-width:thin;scrollbar-color:var(--border) transparent;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;max-height:670px;padding-inline-end:8px;overflow-y:auto}.sound-card,.sound-card.is-active,.sound-card:hover{border:0;border-bottom:1px solid var(--border);min-height:180px;box-shadow:none;background:0 0;border-radius:0;padding:20px 0;transform:none}.sound-card.is-active{border-bottom-color:var(--primary)}.sound-card .sound-icon{color:var(--muted-foreground);background:0 0;width:36px;height:36px}.sound-card .sound-icon svg{width:25px;height:25px}.card-actions button{width:40px;height:40px;color:var(--muted-foreground)}.card-actions button:hover{background:var(--secondary);color:var(--foreground)}.card-actions svg{width:18px;height:18px}.card-actions .card-play{background:var(--secondary);color:var(--foreground)}.card-actions .card-play:hover,.is-active .card-actions .card-play{background:var(--primary);color:var(--primary-foreground)}.sound-copy{margin-top:14px}.sound-copy h2{color:var(--foreground);font-size:16px;font-weight:500}.sound-copy p,.card-volume>span{color:var(--muted-foreground);font-size:13px}.card-volume{color:var(--muted-foreground);display:grid}.source-label{display:none}.mix-promo{gap:8px}.mix-promo .promo-mark{color:var(--primary);background:0 0}.mix-promo h2{color:var(--foreground);font-size:16px}.mix-promo p{color:var(--muted-foreground);font-size:14px}.mix-promo button{background:var(--secondary);color:var(--foreground);font-size:14px}.earth-scenes-section,.workspace{border-top:1px solid var(--border)}.earth-scenes-heading h1{color:var(--foreground);font-size:26px}.earth-scenes-heading p,.earth-scenes-heading>strong small{color:var(--muted-foreground);font-size:14px}.earth-scenes-heading>div>span,.earth-scene-source{display:none}.earth-scene-tabs button{background:var(--secondary);border-color:var(--border)}.earth-scene-grid{scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-height:480px;overflow-y:auto}.workspace-grid{grid-template-rows:auto auto auto}.scene-panel{--primary:#d9e874;--primary-foreground:#202416;--secondary:#242722;--border:#41473c}.desk-panel .tiny-tabs button,.desk-panel .timer-tabs button{color:var(--muted-foreground)}.desk-panel .tiny-tabs button.active,.desk-panel .timer-tabs button.active{background:var(--accent);color:var(--foreground)}.timer-actions button:first-child{background:var(--primary);color:var(--primary-foreground)}.interval-adjust button,.task-entry button,.clock-panel button,.add-reminder button{background:var(--accent);color:var(--foreground)}.tasks button.done,.reminder-panel>strong small,.water-panel>strong small{color:var(--muted-foreground)}.toggle.on,.water-panel .toggle.on{background:var(--primary)}.earth-scene-card{border-radius:8px;height:210px}.earth-scene-card:hover{transform:none}.earth-scene-copy strong{font-size:17px}.earth-scene-copy small,.earth-scene-copy em{font-size:13px}.earth-scene-play{width:40px;height:40px}.desk-panel{background:var(--secondary);border-color:var(--border);border-radius:10px}.scene-panel{border-radius:10px}.panel-heading h2,.timer-value,.clock-panel>strong,.reminder-panel>strong,.water-panel>strong,.clock-panel div span{color:var(--foreground)}.panel-heading p,.panel-heading>button,.timer-panel>p,.reminder-panel>p,.water-panel>p,.interval-adjust span,.add-reminder span,.clock-panel div small{color:var(--muted-foreground);font-size:14px}.preset-grid>button,.timer-tabs,.tiny-tabs,.task-entry input{background:var(--background);color:var(--foreground);border-color:var(--border)}.preset-grid strong{font-size:14px}.preset-grid small{color:var(--muted-foreground);font-size:12px}.tasks button,.add-reminder strong{color:var(--foreground);font-size:14px}.task-entry input,.timer-actions button{font-size:14px}.empty-state,.footer{color:var(--muted-foreground);border-color:var(--border);font-size:14px}.footer{align-items:center;max-width:1240px}.mixer-dock{background:var(--secondary);border-color:var(--border);border-radius:12px;box-shadow:0 6px 24px #0002}.mix-copy strong{color:var(--foreground);font-size:14px}.mix-copy small{color:var(--muted-foreground);font-size:13px}.master-play{background:var(--primary);color:var(--primary-foreground)}.reminder-modal,.due-reminder,.completion-burst{background:var(--secondary);color:var(--foreground);border-color:var(--border)}.reminder-modal-heading h2,.saved-reminders strong{color:var(--foreground)}.reminder-modal>label,.support-modal>p,.due-reminder p,.saved-reminders small{color:var(--muted-foreground);font-size:14px}.reminder-modal input,.saved-reminders>div,.quick-intervals button{background:var(--background);color:var(--foreground);border-color:var(--border)}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (max-width:1000px){.sound-grid,.earth-scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.main-nav{order:3;width:100%;display:flex}.content-wrap,.earth-scenes-section,.workspace{padding:28px 18px}.sound-grid,.earth-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.earth-scene-grid{gap:14px}.search-box{width:100%}.sound-grid{max-height:620px}.earth-scenes-heading{flex-wrap:wrap}}@media (max-width:400px){.earth-scene-grid{grid-template-columns:1fr}.sound-grid{gap:0 10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
.legal-page{color:#e5edf5;overflow-wrap:anywhere;max-width:800px;margin:auto;padding:32px 24px 64px;font:16px/1.8 system-ui,sans-serif}.legal-page nav{justify-content:space-between;gap:20px;display:flex}.legal-page nav div{gap:20px;display:flex}.legal-page a,.legal-links a{color:#97c8df;text-underline-offset:4px}.legal-page header{border-bottom:1px solid #344047;padding:48px 0 24px}.legal-page h1{font-size:clamp(28px,5vw,42px);line-height:1.2}.legal-page h2{margin-top:32px;font-size:21px;line-height:1.4}.legal-page article{padding:20px 0}.legal-page article+article{border-top:1px solid #344047;margin-top:40px;scroll-margin-top:24px}.legal-page footer{border-top:1px solid #344047;padding-top:32px}.legal-links{flex-wrap:wrap;justify-content:center;gap:24px;padding:12px 24px 24px;font-size:14px;display:flex}html[data-theme=light] .legal-page{color:#23343e}html[data-theme=light] .legal-page a,html[data-theme=light] .legal-links a{color:#25617f}