:root{color-scheme:dark;--bg:#0c191c;--text:#eff3ed;--muted:#adc0bf;--mint:#b1d1bb;--line:rgba(203,227,217,.15);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{isolation:isolate;position:relative;margin:0;background:var(--bg);color:var(--text);min-width:300px;padding-bottom:112px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint)}a{color:inherit;text-decoration:none}button{border:0}svg{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.scenery{position:absolute;inset:0 0 auto;height:1040px;z-index:-3;background:url('nightshore.png') center 40%/cover no-repeat;background-color:#12272d}.veil{position:absolute;inset:0 0 auto;height:1150px;background:linear-gradient(180deg,rgba(8,23,29,.25),rgba(8,23,29,.28) 34%,rgba(10,25,29,.9) 70%,var(--bg) 96%);z-index:-2}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,transparent,rgba(2,12,16,.16))}.site-header{max-width:1328px;padding:28px 48px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.brand>svg{width:39px;height:39px;color:#c9decf}.brand b{font-size:17px;font-weight:500;letter-spacing:3.6px}.brand small{display:block;margin-top:7px;font-size:10px;letter-spacing:2px;color:#bcceca}.header-tools{display:flex;align-items:center;gap:24px}.text-button{background:none;padding:5px 0;color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:8px;transition:color .2s}.text-button:hover{color:var(--text)}.text-button svg{width:17px;height:17px}.language select{background:rgba(14,33,37,.4);color:#d4e0db;border:1px solid var(--line);border-radius:20px;padding:7px 8px;font-size:12px;max-width:96px}main{max-width:1110px;padding:0 36px;margin:auto}.hero{text-align:center;padding:42px 0 50px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:15px;font-size:9px;letter-spacing:3px;color:#c4d4ce}.eyebrow>span:first-child,.eyebrow>span:last-child{width:28px;height:1px;background:#aec8bb77}.hero h1{font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;font-size:56px;font-weight:400;line-height:1.35;letter-spacing:4px;margin:24px 0 18px;text-shadow:0 2px 30px #05171c}.hero h1 em{font-style:normal;color:#c5dacb}.hero p{font-size:13px;line-height:1.9;color:#c0cecc;letter-spacing:.8px;margin:0 0 25px}.hero-play{padding:0;display:inline-flex;align-items:center;gap:12px;background:transparent;font-size:13px;letter-spacing:1px}.play-disc{width:40px;height:40px;background:#b7d4be;color:#143430;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 24px #b7d4be22;transition:transform .2s}.hero-play:hover .play-disc{transform:scale(1.07)}.play-disc svg{width:17px;height:17px}.hero-play-note{font-size:10px;color:#a3b9b4;border-inline-start:1px solid #c7dfd03d;padding-inline-start:12px;letter-spacing:0}.mixer{position:relative;padding:27px 31px 16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(23,45,48,.78),rgba(12,30,34,.85));backdrop-filter:blur(16px);box-shadow:0 20px 80px #030d1430}.section-top{display:flex;align-items:center;justify-content:space-between}.section-eyebrow{font-size:8px;letter-spacing:2.5px;color:#90afa8}.section-top h2{font-size:20px;font-weight:400;letter-spacing:1px;margin:8px 0 0}.mixer-tip{font-size:10px;color:#aac0b7;display:flex;align-items:center;gap:7px}.pulse-dot{width:5px;height:5px;border-radius:100%;background:var(--mint)}.presets{display:flex;gap:8px;margin:22px 0 25px;overflow-x:auto;scrollbar-width:none}.presets::-webkit-scrollbar{display:none}.preset{flex-shrink:0;border:1px solid #b8d7c721;border-radius:30px;padding:8px 15px;font-size:11px;background:transparent;color:#abbdb8;display:flex;align-items:center;gap:7px;transition:background .2s}.preset svg{width:14px;height:14px}.preset:hover{background:#c3e1cc0b}.preset.active{background:#c1dec718;border-color:#c1dec74d;color:#dce9dc}.sound-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.sound-card{min-width:0;background:rgba(9,24,28,.24);border:1px solid #b7d9c718;border-radius:14px;padding:0 13px 15px;transition:background .25s,border-color .25s,transform .25s;position:relative}.sound-card.active{background:linear-gradient(160deg,#b5d4ba1a,#b5d4ba08);border-color:#b8d6bb60}.sound-card:hover{border-color:#c2dbc348;transform:translateY(-2px)}.sound-button{width:100%;background:none;padding:23px 0 14px;display:flex;flex-direction:column;align-items:center;position:relative;gap:13px;color:#a9beb9}.sound-card.active .sound-button{color:#d4e5d4}.sound-button>.sound-symbol{height:40px;display:grid;place-items:center}.sound-symbol svg{width:38px;height:38px;stroke-width:1.1}.sound-button strong{font-weight:400;font-size:13px;letter-spacing:.5px}.sound-card .check{position:absolute;inset-inline-end:0;top:10px;display:grid;place-items:center;width:15px;height:15px;border:1px solid #9cb6ad55;border-radius:50%;color:transparent}.sound-card .check svg{width:10px;height:10px}.sound-card.active .check{background:#b8d4bb;color:#17332e;border-color:#b8d4bb}.sound-description{font-size:9px;text-align:center;color:#829f98;margin:0 0 17px;white-space:nowrap}.sound-volume{display:flex;align-items:center;gap:7px}.sound-volume output{font-size:9px;color:#94ada1;width:24px;text-align:end;font-variant-numeric:tabular-nums}.sound-card:not(.active) .sound-volume{opacity:.35}input[type=range]{--fill:50%;appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:3px;border-radius:5px;background:linear-gradient(to right,#b7d3ba 0 var(--fill),#57726955 var(--fill) 100%);cursor:pointer;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#c6dfc7;border:0;box-shadow:0 0 0 6px #c6dfc700}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#c6dfc7;border:0}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #c6dfc722}.mixer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid #bdd7c615}.mixer-bottom p{display:flex;align-items:center;gap:7px;font-size:10px;color:#94a9a3;margin:0}.mixer-bottom svg{width:14px;height:14px}.mixer-bottom .text-button{font-size:10px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:26px 4px 4px;color:#6f8c85}.site-footer>span{font-size:9px;letter-spacing:2px}.site-footer p{font-size:10px}.site-footer .text-button{font-size:10px;color:#8ba69c}.player{position:fixed;inset:auto 0 0;background:rgba(14,30,33,.94);border-top:1px solid #b7d5be27;backdrop-filter:blur(24px);z-index:5;padding-bottom:env(safe-area-inset-bottom)}.player-inner{max-width:1110px;margin:auto;padding:19px 36px;display:flex;gap:16px;align-items:center}.player-toggle{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border-radius:50%;background:#c2d9bf;color:#16342f;transition:background .2s}.player-toggle:hover{background:#d6e7d1}.player-toggle svg{width:20px;height:20px}.player-info{flex:1;min-width:100px}.player-info>strong{font-size:13px;font-weight:400;letter-spacing:.5px}.player-info>div{display:flex;gap:8px;align-items:center;font-size:10px;color:#8eaca0;margin-top:8px}.equalizer{height:11px;display:flex;align-items:center;gap:2px}.equalizer i{height:3px;width:2px;background:#9fbfa8;border-radius:2px}.playing .equalizer i{animation:wave .95s ease-in-out infinite}.equalizer i:nth-child(2){animation-delay:-.2s}.equalizer i:nth-child(3){animation-delay:-.65s}.equalizer i:nth-child(4){animation-delay:-.4s}@keyframes wave{50%{height:11px}}.master-volume{display:flex;align-items:center;gap:12px;width:200px;margin-inline-end:25px;color:#a8bfb4}.master-volume svg{width:18px;height:18px}.master-volume output{width:34px;font-size:11px;font-variant-numeric:tabular-nums}.timer-button{display:flex;align-items:center;gap:9px;white-space:nowrap;background:transparent;border:1px solid #b5d5bd38;border-radius:25px;padding:11px 17px;color:#c0d1c5;font-size:11px;min-width:123px;justify-content:center}.timer-button svg{width:16px;height:16px}.timer-button.active{background:#c0dbc514;border-color:#b5d5bd70}.timer-button.active span{font-variant-numeric:tabular-nums}dialog{background:#13292c;color:var(--text);border:1px solid #b7d5be3d;border-radius:22px;padding:29px;width:min(440px,calc(100% - 32px));box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020e14a1;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:23px;font-weight:400;margin:10px 0}.icon-button{background:#b3cebb0e;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#a1bdb2}.icon-button svg{width:17px;height:17px}dialog>p{color:#a1b6ad;font-size:12px;line-height:1.8}.timer-options{display:flex;gap:9px;border:0;padding:18px 0 24px;margin:0}.timer-options label{flex:1;cursor:pointer;position:relative}.timer-options input{position:absolute;opacity:0}.timer-options label>span{border:1px solid #b8d4bd33;display:flex;flex-direction:column;text-align:center;padding:17px 4px;border-radius:12px;font-size:21px;color:#bdcfc3}.timer-options small{display:block;font-size:10px;margin-top:7px;color:#8ba89a}.timer-options input:checked+span{border-color:#b6d3ba;background:#b9d7bc15;color:#ecf3e8}.timer-options input:focus-visible+span{outline:2px solid #b6d3ba;outline-offset:2px}.primary-button{width:100%;background:#bbd7bc;color:#18332c;border-radius:25px;padding:13px;font-size:13px}.cancel-timer{display:block;background:none;color:#9bb4a7;font-size:12px;margin:14px auto 0;padding:7px}.toast{position:fixed;z-index:15;left:50%;transform:translateX(-50%);bottom:125px;background:#d4e7d5;color:#14352a;padding:12px 19px;border-radius:10px;box-shadow:0 7px 30px #0004;font-size:12px;max-width:calc(100% - 32px);text-align:center}.toast[hidden],.saved-preset[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:fixed;bottom:120px;padding:15px;background:#163b3c;color:white;width:100%;text-align:center}html[dir=rtl] .brand b{letter-spacing:2px}html[dir=rtl] .hero h1{letter-spacing:0;font-family:Tahoma,Arial,sans-serif}html[dir=rtl] input[type=range]{direction:ltr}html[lang=en] .hero h1{letter-spacing:0;font-size:61px}html[lang=en] .hero p{letter-spacing:0}html[dir=rtl] .eyebrow{letter-spacing:0}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:70px}.hero h1{font-size:68px}.mixer{margin-top:10px}}@media(max-width:1000px){.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sound-card{padding-bottom:13px}.sound-button{padding:18px 0 9px;gap:10px}.sound-description{margin-bottom:10px}.sound-button>.sound-symbol{height:33px}.sound-symbol svg{width:32px;height:32px}.hero{padding:25px 0 35px}.hero h1{font-size:49px}.master-volume{width:150px;margin-inline-end:12px}.scenery{height:1250px}.veil{height:1350px}.site-footer{padding-bottom:20px}}@media(max-width:600px){body{padding-bottom:150px}.site-header{padding:22px 22px 10px}.brand{gap:8px}.brand>svg{width:30px;height:30px}.brand b{font-size:12px;letter-spacing:2.5px}.brand small{font-size:8px;letter-spacing:.9px;margin-top:5px}.header-tools{gap:13px}.save-label{display:none}.header-tools .text-button svg{width:18px;height:18px}.language select{font-size:10px;padding:5px;max-width:80px}main{padding:0 19px}.hero{padding:30px 0 30px}.eyebrow{font-size:7px;letter-spacing:1.7px;gap:9px}.eyebrow>span:first-child,.eyebrow>span:last-child{width:17px}.hero h1{font-size:35px;line-height:1.42;letter-spacing:2px;margin:18px 0 12px}.hero p{font-size:11px;letter-spacing:0;max-width:295px;margin:0 auto 18px;line-height:1.9}.hero-play{font-size:12px;gap:9px}.play-disc{width:34px;height:34px}.hero-play-note{font-size:9px;padding-inline-start:9px}.mixer{padding:20px 14px 13px;border-radius:17px}.section-top h2{font-size:16px;letter-spacing:.5px;margin-top:7px}.section-eyebrow{font-size:7px;letter-spacing:2px}.mixer-tip{font-size:8px;gap:4px}.pulse-dot{width:4px;height:4px}.presets{gap:6px;margin:17px 0 18px}.preset{font-size:10px;padding:7px 10px;gap:5px}.preset svg{width:12px;height:12px}.sound-grid{gap:8px}.sound-card{border-radius:11px;padding:0 9px 10px}.sound-button{gap:8px;padding-top:16px;padding-bottom:8px}.sound-button strong{font-size:12px}.sound-symbol svg{width:31px;height:31px}.sound-description{font-size:8px;margin-bottom:8px}.sound-card .check{top:7px;width:12px;height:12px}.sound-card .check svg{width:8px;height:8px}.sound-volume{gap:4px}.sound-volume output{font-size:8px;width:20px}.sound-volume input{margin:5px 0}.mixer-bottom{margin-top:12px;padding-top:11px}.mixer-bottom p{font-size:8px;gap:5px}.mixer-bottom .text-button{font-size:9px}.site-footer{padding:20px 4px;flex-wrap:wrap;gap:12px;justify-content:center}.site-footer>span{font-size:8px}.site-footer p{font-size:9px;margin:0}.site-footer .text-button{font-size:9px}.player-inner{padding:13px 20px;display:grid;grid-template-columns:41px minmax(0,1fr) auto;column-gap:11px;row-gap:12px}.player-toggle{width:41px;height:41px;grid-row:1}.player-info>strong{font-size:12px}.player-info>div{font-size:9px;margin-top:6px;gap:6px}.timer-button{grid-column:3;grid-row:1;padding:9px 11px;font-size:10px;gap:6px;min-width:103px}.master-volume{grid-column:2 / 4;grid-row:2;width:auto;margin:0;gap:10px}.master-volume svg{width:14px;height:14px}.master-volume output{font-size:9px}.master-volume input{margin:0}.player:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,#b8d4bb0a,transparent);pointer-events:none}.scenery{height:1050px;background-position:60% top}.veil{height:1150px;background:linear-gradient(180deg,rgba(8,23,29,.25),rgba(8,23,29,.48) 27%,rgba(10,25,29,.95) 63%,var(--bg) 92%)}html[lang=en] .hero h1{font-size:40px}html[lang=en] .section-top h2{font-size:15px}html[lang=en] .sound-description{font-size:7px}html[dir=rtl] .hero h1{font-size:34px}html[dir=rtl] .mixer-tip{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Sound library and visible sleep controls. */
.sleep-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-block:1px solid var(--line);padding:14px 0;margin:0 0 17px}.sleep-shortcut{display:flex;align-items:center;gap:11px;background:none;text-align:start;padding:0;color:#bfd6c7}.sleep-shortcut>svg{width:20px;height:20px}.sleep-shortcut>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.sleep-shortcut strong{font-size:12px;font-weight:400}.sleep-shortcut small{font-size:9px;color:#90aa9d}.timer-shortcut-action{font-size:10px;border:1px solid #b9d6c13d;padding:7px 12px;border-radius:20px;margin-inline-start:8px}.sleep-shortcut.active .timer-shortcut-action{background:#bedac318;color:#dbebd9}.library-count{color:#8fa89f;font-size:10px;white-space:nowrap}.categories{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding:2px 1px 7px}.categories::-webkit-scrollbar{display:none}.category-button{display:flex;align-items:center;gap:7px;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 11px;color:#8fa99e;font-size:11px}.category-button span{font-size:9px;opacity:.65;font-variant-numeric:tabular-nums}.category-button:hover{background:#c1dec70a}.category-button.active{background:#bed8c313;color:#d4e5d5;border-color:#bddac423}.sound-card[hidden]{display:none}.sound-button strong{min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4}.sound-description{overflow:hidden;text-overflow:ellipsis}.timer-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-bottom:17px}.timer-options label>span{padding:11px 4px;font-size:19px}.timer-options small{margin-top:4px}.custom-timer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#bed0c2;padding-bottom:11px}.custom-timer>span:last-child{display:flex;align-items:center;gap:9px}.custom-timer input{width:100px;border:1px solid #bed6c13d;background:#0d2124;border-radius:8px;padding:9px 10px;color:#e3eee0;font:inherit}.custom-timer small{font-size:10px;color:#95ac9e}.timer-clock-note{font-size:10px;color:#8ba398;margin:0 0 18px;line-height:1.6}#timer-dialog{max-height:calc(100dvh - 36px);overflow-y:auto}
@media(max-width:600px){.sleep-toolbar{gap:8px;padding:12px 0;margin-bottom:12px;align-items:flex-start}.sleep-shortcut{gap:7px}.sleep-shortcut>svg{width:17px;height:17px}.sleep-shortcut strong{font-size:11px}.sleep-shortcut small{font-size:8px;max-width:168px;line-height:1.6}.timer-shortcut-action{font-size:9px;padding:6px 9px;margin-inline-start:0}.library-count{font-size:8px;white-space:normal;max-width:70px;text-align:end;line-height:1.7;padding-top:5px}.categories{gap:3px;margin-bottom:14px}.category-button{font-size:10px;padding:7px 9px;gap:5px}.category-button span{font-size:8px}.sound-button strong{min-height:32px}.sound-description{font-size:8px}.sound-grid{row-gap:10px}html[lang=en] .sleep-shortcut small{max-width:135px}html[lang=en] .library-count{font-size:7px}html[dir=rtl] .timer-shortcut-action{font-size:8px}html[dir=rtl] .sleep-shortcut small{max-width:125px}}
/* Curated scene mixes, with room for more on small screens. */
.preset-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px}.preset-heading>span{font-size:11px;color:#c0d0c5}.preset-heading small{font-size:9px;color:#859e93}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 0;overflow:visible}.preset{min-width:0;justify-content:flex-start;padding:13px 14px;border-radius:12px;gap:12px;text-align:start}.preset-symbol{display:grid;place-items:center;flex-shrink:0;width:25px;color:#98b4a2}.preset-symbol svg{width:22px;height:22px}.preset-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.preset-copy strong{font-size:12px;font-weight:400;line-height:1.45;color:#c4d7c9}.preset-copy small{font-size:8px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#819e8d}.preset.active .preset-symbol{color:#d0e5cf}.preset.active .preset-copy strong{color:#e1efda}.preset[hidden]{display:none}.more-presets{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:none;color:#96b29f;font-size:10px;padding:12px;margin-bottom:5px}.more-presets svg{width:14px;height:14px;transition:transform .2s}.more-presets[aria-expanded=true] svg{transform:rotate(180deg)}.more-presets:hover{color:#d4e8d1}.sleep-toolbar{margin-top:0}
@media(max-width:600px){.preset-heading{margin-top:17px}.preset-heading>span{font-size:10px}.preset-heading small{font-size:8px}.presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.preset{padding:11px 9px;gap:7px;border-radius:10px}.preset-symbol{width:20px}.preset-symbol svg{width:19px;height:19px}.preset-copy{gap:5px}.preset-copy strong{font-size:10px}.preset-copy small{font-size:7px}.more-presets{font-size:9px;padding:11px}html[dir=rtl] .preset-copy strong{font-size:10px}html[lang=en] .preset-copy strong{font-size:10px}}
/* Gate entry and Safari handoff. */
.gate-page{padding-bottom:0;min-height:100dvh}.gate-page .scenery,.gate-page .veil{height:100%;min-height:100dvh}.gate-page .veil{background:linear-gradient(180deg,#08171d24,#08171d70 65%,#0c191ccf)}.gate-page main{max-width:1110px}.gate-page .hero{padding-top:clamp(65px,12vh,150px);padding-bottom:27px}.gate-page .hero h1{font-size:66px}.gate-page .hero p{margin-bottom:30px}.gate-features{display:flex;align-items:center;justify-content:center;gap:15px;color:#a4bfb1;font-size:11px;padding:15px 0}.gate-features i{width:3px;height:3px;border-radius:50%;background:#adccba77}.gate-page .site-footer{justify-content:center;gap:20px;padding-top:45px}.guide-steps{padding:0;margin:24px 0;list-style:none;display:flex;flex-direction:column;gap:20px}.guide-steps li{display:flex;gap:13px;align-items:flex-start}.guide-steps li>span{width:25px;height:25px;border:1px solid #b1d2ba66;color:#c7deca;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px}.guide-steps strong{font-size:13px;font-weight:400;line-height:1.7}.guide-steps p{font-size:11px;line-height:1.9;color:#90ada0;margin:6px 0 0}.guide-feedback{font-size:11px;line-height:1.8;min-height:20px;color:#bdd9c0}.preview-banner{display:flex;align-items:center;justify-content:center;gap:20px;background:#bad9bd;color:#153830;padding:8px 14px;font-size:11px;position:relative;z-index:10}.preview-banner a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.gate-page .hero{padding-top:clamp(75px,15vh,150px)}.gate-page .hero h1{font-size:39px}.gate-features{font-size:9px;gap:10px}.gate-page .site-footer{padding-top:38px}.gate-page .hero-play-note{font-size:8px}.gate-page .hero p{margin-bottom:25px}.gate-page .hero-play{font-size:12px}.gate-page .dialog-heading h2{font-size:21px}.guide-steps{margin:20px 0}.preview-banner{font-size:9px;gap:12px}html[lang=en] .gate-page .hero h1{font-size:42px}html[dir=rtl] .gate-page .hero h1{font-size:38px}}
/* Nightshore guide: iPhone menu layout in the landing page's quiet green palette. */
#safari-guide{color-scheme:dark;--text:#eff3ed;--muted:#b5c9c0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;background:linear-gradient(145deg,#1b3538,#10272b);color:#eff3ed;border:1px solid #b7d5be45;border-radius:28px;padding:25px 24px 16px;width:calc(100% - 32px);max-width:440px;min-width:0;max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #020e1470;text-align:center;isolation:isolate}
#safari-guide::backdrop{background:#0313189c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#safari-guide *{box-sizing:border-box;min-width:0}
#safari-guide .guide-grabber{width:36px;height:5px;margin:-13px auto 20px;border-radius:5px;background:#87a89b70}
#safari-guide #close-guide{appearance:none;-webkit-appearance:none;position:absolute;top:17px;right:15px;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:#c1dec714;color:#c4d8ca;-webkit-text-fill-color:#c4d8ca}
#safari-guide #close-guide svg{width:20px;height:20px}
#safari-guide .guide-app-icon{width:62px;height:62px;margin:0 auto 14px;padding:5px;background:#bad7c013;border:1px solid #bad7c028;border-radius:17px;box-shadow:0 5px 18px #07191d25}
#safari-guide .guide-app-icon svg{width:52px;height:52px}
#safari-guide .dialog-heading{display:block;margin:0;padding:0}
#safari-guide #guide-title{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:.3px;color:#eff3ed;margin:0;overflow-wrap:anywhere}
#safari-guide #guide-description{font-size:13px;line-height:1.6;color:#b5c9c0;margin:9px 0 18px;overflow-wrap:anywhere}
#safari-guide .iphone-guide-demo{margin:0 0 18px;text-align:start}
#safari-guide .demo-stage{position:relative;height:218px;background:radial-gradient(ellipse at 80% 10%,#abc9af12,transparent 65%),#0d2429;border:1px solid #b7d5be26;border-radius:17px;overflow:hidden;direction:ltr}
#safari-guide .demo-phone{position:absolute;top:-17px;left:7%;width:72%;height:290px;background:#1d3539;border:9px solid #07191e;border-radius:38px;box-shadow:0 0 0 1px #c4ddc929}
#safari-guide .demo-tiktok-bar{position:relative;display:flex;align-items:center;justify-content:center;height:59px;padding:15px 40px 0;color:#e4ede3;font-size:15px;font-weight:650}
#safari-guide .demo-dots{position:absolute;right:10px;top:20px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:3px solid #b7d4be;border-radius:50%;background:#25433f;color:#e4ede3;font-size:12px;letter-spacing:1px}
#safari-guide .demo-action-menu{margin:0 10px;background:#284247;border-radius:17px;padding:8px 10px 10px;box-shadow:0 7px 16px #04131665;color:#e4ede3}
#safari-guide .demo-copy-row{display:flex;align-items:center;gap:10px;padding:10px 9px 21px;font-size:12px;font-weight:600;line-height:1.4}
#safari-guide .demo-copy-row svg{width:19px;height:19px;flex-shrink:0}
#safari-guide .demo-menu-divider{height:1px;background:#b9d3c529;margin:0 7px}
#safari-guide .demo-menu-spacer{height:36px}
#safari-guide .demo-open-row{display:flex;align-items:center;gap:8px;min-height:35px;margin-top:6px;border:2px solid #c0ddc2;background:#c0ddc20c;border-radius:22px;padding:4px 6px;font-size:12px;font-weight:600;line-height:1.4}
#safari-guide .demo-open-row svg{width:21px;height:21px;flex-shrink:0}
#safari-guide .demo-open-row span{overflow-wrap:anywhere}
#safari-guide .demo-arrow{position:absolute;right:0;top:24px;width:22%;height:143px}
#safari-guide .iphone-guide-demo figcaption{font-size:10px;line-height:1.5;color:#9db7a9;margin-top:7px;text-align:center}
#safari-guide .guide-steps{gap:15px;margin:0 0 20px;text-align:start}
#safari-guide .guide-steps li{gap:10px}
#safari-guide .guide-steps li>span{width:25px;height:25px;border:0;background:#b7d4be20;color:#c7e0ce;font-size:12px;font-weight:650}
#safari-guide .guide-steps strong{display:block;font-size:14px;font-weight:600;line-height:1.6;color:#eff3ed;overflow-wrap:anywhere}
#safari-guide .guide-steps p{font-size:12px;line-height:1.6;color:#b5c9c0;margin:3px 0 0;overflow-wrap:anywhere}
#safari-guide #copy-safari-link{appearance:none;-webkit-appearance:none;display:block;width:100%;max-width:100%;min-height:50px;padding:14px 16px;background:#c7e0ce;background-color:#c7e0ce;color:#12342a;-webkit-text-fill-color:#12342a;border:0;border-radius:13px;box-shadow:none;text-shadow:none;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;opacity:1}
#safari-guide #copy-safari-link:hover{background:#dbeddc}
#safari-guide #copy-safari-link:active{background:#b4d1be;transform:scale(.99)}
#safari-guide button:focus-visible,#safari-guide input:focus-visible{outline:2px solid #c7e0ce;outline-offset:3px}
#safari-guide #guide-feedback{min-height:20px;margin:9px 0 0;font-size:12px;line-height:1.6;color:#c0ddc2;overflow-wrap:anywhere}
.gate-page #hero-play{appearance:none;-webkit-appearance:none;background:#c7e0ce;color:#12342a;-webkit-text-fill-color:#12342a;max-width:100%;padding:10px 16px 10px 10px;border:1px solid #e4f5e5;border-radius:40px;box-shadow:0 8px 30px #07191238;font-weight:600;flex-wrap:wrap;justify-content:center}
.gate-page #hero-play .play-disc{background:#123e31;color:#fff;-webkit-text-fill-color:#fff;box-shadow:none}
.gate-page #hero-play .hero-play-note{color:#335648;-webkit-text-fill-color:#335648;border-color:#12342a40}
@media(max-width:600px){#safari-guide{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:500px;max-height:calc(100dvh - 12px);border-radius:28px 28px 0 0;padding:25px 20px calc(16px + env(safe-area-inset-bottom));border-bottom:0}#safari-guide .guide-app-icon{width:56px;height:56px;padding:3px;margin-bottom:12px}#safari-guide .guide-app-icon svg{width:50px;height:50px}#safari-guide #guide-title{font-size:21px}.gate-page #hero-play{padding:9px 13px 9px 9px}}
/* International text and right-to-left interfaces. */
html:not([lang="zh-CN"]) .hero h1{letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(30px,5vw,58px)}
html:not([lang="zh-CN"]) .hero p{letter-spacing:0;overflow-wrap:anywhere}
.sound-button strong,.preset-copy strong{overflow-wrap:anywhere}
html[lang=ur],html[lang=he]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[lang=ur] .hero h1,html[lang=he] .hero h1{font-family:inherit;line-height:1.6}
#safari-guide .demo-stage{height:240px}#safari-guide .demo-open-row{font-size:11px}
#safari-guide .demo-copy-row span,#safari-guide .demo-open-row span{overflow-wrap:anywhere}
@media(max-width:600px){html:not([lang="zh-CN"]) .hero h1{font-size:34px}.hero-play{max-width:100%;flex-wrap:wrap;justify-content:center}.hero-play-note{white-space:normal}.player-inner{grid-template-columns:41px minmax(0,1fr) minmax(90px,38%)}.player-info{min-width:0}.player-info>strong,.player-info>div{overflow-wrap:anywhere}.timer-button{min-width:0;max-width:100%;white-space:normal;line-height:1.5}.timer-shortcut-action{white-space:normal;text-align:center;max-width:110px}.sleep-shortcut{min-width:0}.sleep-shortcut small{line-height:1.7}.sleep-shortcut strong{line-height:1.6}.gate-features{flex-wrap:wrap;line-height:1.7}.section-top{gap:10px}.mixer-tip{line-height:1.6;text-align:end;max-width:40%}.preview-banner{flex-wrap:wrap;gap:5px 15px;text-align:center}#safari-guide .demo-stage{height:240px}html[lang=si] #safari-guide .demo-stage,html[lang=ta] #safari-guide .demo-stage,html[lang=km] #safari-guide .demo-stage{height:260px}html[lang=si] #safari-guide .demo-phone,html[lang=ta] #safari-guide .demo-phone,html[lang=km] #safari-guide .demo-phone{height:320px}}