/* Selected premium player composition: app-sized type, quiet photography, clear controls. */
.sleep-surface{font-family:Arial,Helvetica,sans-serif}.sleep-surface header{height:91px;max-width:1120px;margin:auto;padding:24px 28px 13px;border:0;background:var(--ink)}.sleep-surface header .logo{width:141px;flex-shrink:0;mix-blend-mode:normal}.sleep-surface .brand-descriptor,.sleep-surface .daily-add{display:none!important}.sleep-surface .profile{width:42px;height:42px;font-size:18px;color:var(--paper);background:transparent;border:1px solid #fff5e633}.sleep-surface main{max-width:1120px;padding:15px 28px calc(var(--dock-height) + 35px)}.sleep-studio-heading{padding:12px 0 14px}.sleep-studio-heading .sleep-eyebrow{font-size:11px;letter-spacing:2.1px}.sleep-studio-heading h1{font-size:32px;line-height:1.12;letter-spacing:-1.15px;margin:14px 0 6px;font-weight:700;color:var(--paper)}.sleep-surface .sleep-tabs{gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom-color:#fff5e62a;margin-bottom:22px}.sleep-tabs button{padding:12px 2px 15px;min-height:51px;color:#fff5e699;font-size:15px;letter-spacing:0;font-weight:400;text-align:center}.sleep-tabs button[aria-current=page]{font-weight:600;color:var(--paper);border-bottom-color:var(--paper);border-bottom-width:2px}.sleep-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:start}.sleep-studio-cover{padding:0;width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;background:var(--ink);display:block}.sleep-studio-cover img{display:block;width:100%;height:100%;object-fit:cover}.sleep-studio-cover:hover{filter:none}.sleep-studio-track{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 14px}.sleep-studio-track>div{min-width:0}.sleep-studio-track h2{font-size:30px;font-weight:700;letter-spacing:-.9px;line-height:1.1;color:var(--paper);margin:0 0 8px}.sleep-studio-track p{font-size:16px;line-height:1.4;color:#fff5e699;margin:0;overflow-wrap:anywhere}.sleep-studio-save{padding:8px;min-height:44px;min-width:44px;background:transparent;color:var(--paper);border-radius:8px;flex-shrink:0}.sleep-studio-save svg{width:23px;height:23px}.sleep-studio-save.is-saved svg{fill:var(--paper)}.sleep-studio-controls{display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center;padding:0 0 25px}.sleep-studio-tool{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:44px;background:transparent;color:var(--paper);border:1px solid #fff5e626;border-radius:28px;padding:12px 14px;font-size:15px;font-weight:500;white-space:nowrap}.sleep-studio-tool svg{width:21px;height:21px;flex-shrink:0}.sleep-studio-play{border-radius:50%;padding:20px;min-width:70px;width:70px;min-height:70px;height:70px;display:grid;place-items:center;background:var(--paper);color:var(--ink)}.sleep-studio-play svg{width:29px;height:29px;fill:currentColor;stroke-width:0}.sleep-studio-play svg.lucide-play{margin-left:3px}.sleep-studio-next{display:flex;align-items:center;text-align:left;gap:18px;border-block:1px solid #fff5e62a;width:100%;border-radius:0;background:transparent;color:var(--paper);padding:19px 0;min-height:95px}.sleep-studio-next img{width:103px;height:67px;object-fit:cover;border-radius:8px;flex-shrink:0}.sleep-studio-next>span{flex:1;min-width:0}.sleep-studio-next b{display:block;font-size:17px;font-weight:600;line-height:1.3;margin-bottom:5px}.sleep-studio-next small{display:block;font-size:14px;color:#fff5e699;font-weight:400;line-height:1.4}.sleep-studio-next>svg{width:20px;height:20px;flex-shrink:0}.sleep-studio-routine{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;min-height:60px;border-bottom:1px solid #fff5e62a;font-size:13px;color:#fff5e6aa}.sleep-studio-routine>span{display:flex;align-items:center;gap:10px}.sleep-studio-routine>span svg{width:19px;height:19px;flex-shrink:0}.sleep-studio-routine button{display:flex;align-items:center;gap:7px;color:var(--paper);background:transparent;padding:7px 0;font-size:12px;font-weight:400;min-height:44px;white-space:nowrap}.sleep-studio-routine button svg{width:16px;height:16px}.sleep-studio-journal{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:7px}.sleep-studio-journal button{font-size:12px;color:#fff5e6aa;gap:5px}.sleep-studio-journal svg{width:15px;height:15px}.sleep-surface .sleep-library-heading,.sleep-surface .sleep-history-heading>div>.sleep-eyebrow{display:none}.sleep-surface .sleep-history-heading h1{font-size:34px;letter-spacing:-1px;margin:6px 0}.sleep-surface .sleep-history-heading{align-items:center}.sleep-surface .sleep-context{background:transparent;color:var(--paper);border-block:1px solid #fff5e633;border-radius:0;padding:25px 0;max-width:none}.sleep-surface .sleep-context h2{font-size:28px}.sleep-surface .sleep-context p{font-size:15px;color:#fff5e6bb}.sleep-surface .sleep-sound-tile{background:#fff5e608;color:var(--paper);border:1px solid #fff5e61a;min-height:145px;border-radius:12px}.sleep-surface .sleep-sound-tile b{font-size:22px}.sleep-surface .sleep-story-open h3{font-size:22px}.sleep-surface .sleep-story-open p{font-size:14px;color:#fff5e6aa}.sleep-surface .sleep-story-list article{border-top-color:#fff5e629}.sleep-surface .sleep-tools button{border-color:#fff5e62a}.sleep-surface .sleep-favorite{border-color:#fff5e633}.sleep-surface .sleep-favorite[aria-pressed=true]{background:var(--paper);color:var(--ink)}.sleep-surface .sleep-section-heading{margin-top:27px}.sleep-surface .sleep-section-heading h2{font-size:21px;letter-spacing:-.5px}.sleep-surface .sleep-history-list>button{border-top-color:#fff5e633}.sleep-surface .bottom-meta{font-size:12px;color:#fff5e677;margin-top:38px}.sleep-surface nav#nav{border-top-color:#fff5e62a;height:calc(75px + env(safe-area-inset-bottom,0px));padding-top:8px;background:var(--ink)}.sleep-surface nav#nav button{color:#fff5e699;background:transparent;font-size:11px;font-weight:400;gap:5px;padding:6px 4px}.sleep-surface nav#nav button.active{color:var(--orange);background:transparent}.sleep-surface nav#nav button svg{width:24px;height:24px}.sleep-surface nav#nav button.active svg.lucide-moon{fill:currentColor;stroke-width:0}.sleep-timer-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.sleep-timer-options button{background:transparent;color:var(--ink);border:1px solid var(--ink);min-height:48px}.sleep-timer-options button[aria-pressed=true]{color:var(--paper);background:var(--ink)}
@media(max-width:700px){.sleep-surface header{padding:23px 22px 10px;height:78px}.sleep-surface main{padding:7px 22px calc(var(--dock-height) + 30px)}.sleep-surface header .logo{width:134px}.sleep-surface .profile{width:39px;height:39px}.sleep-studio-heading{padding:7px 0 11px}.sleep-studio-heading h1{font-size:29px;letter-spacing:-1px;margin:12px 0 4px}.sleep-studio-heading .sleep-eyebrow{font-size:10px;letter-spacing:2px}.sleep-surface .sleep-tabs{margin-bottom:16px}.sleep-tabs button{font-size:14px;padding:11px 0 12px;min-height:44px}.sleep-studio{display:block}.sleep-studio-cover{border-radius:13px;aspect-ratio:1.08}.sleep-studio-track{padding:18px 0 15px}.sleep-studio-track h2{font-size:25px;letter-spacing:-.8px;margin-bottom:6px}.sleep-studio-track p{font-size:14px}.sleep-studio-controls{grid-template-columns:1fr 65px 1fr;gap:18px;padding-bottom:22px}.sleep-studio-play{width:65px;height:65px;min-width:65px;min-height:65px;padding:19px}.sleep-studio-play svg{width:26px;height:26px}.sleep-studio-tool{font-size:14px;gap:9px;padding:11px 10px;min-height:44px}.sleep-studio-tool svg{width:19px;height:19px}.sleep-studio-next{padding:17px 0;gap:16px;min-height:92px}.sleep-studio-next img{width:100px;height:64px}.sleep-studio-next b{font-size:15px}.sleep-studio-next small{font-size:12px}.sleep-studio-routine{font-size:11px;gap:7px;min-height:56px;padding:6px 0}.sleep-studio-routine button{font-size:11px}.sleep-studio-journal{gap:5px}.sleep-studio-journal .sleep-text-button{font-size:11px}.sleep-surface .sleep-history-heading{align-items:flex-start;gap:15px}.sleep-surface .sleep-history-heading h1{font-size:30px}.sleep-surface .sleep-story-open{gap:12px}.sleep-surface .sleep-story-open h3{font-size:20px}.sleep-surface .sleep-story-open p{font-size:13px}.sleep-surface .sleep-tools b{font-size:22px}.sleep-surface .sleep-stats>div:first-child strong{font-size:45px}.sleep-surface .sleep-history-list b{font-size:27px}}
@media(max-width:350px){.sleep-surface header{padding-inline:17px}.sleep-surface main{padding-inline:17px}.sleep-studio-heading h1{font-size:25px}.sleep-studio-controls{gap:12px}.sleep-studio-tool{font-size:12px}.sleep-studio-next img{width:80px;height:58px}.sleep-studio-next{gap:10px}.sleep-studio-next b{font-size:14px}}

.sleep-surface .logo.gaze-ready{filter:url(#sleep-orange-ink)}
/* Keep section navigation in flow; the legacy mobile nav rule is global. */
.sleep-surface nav.sleep-tabs{position:static;inset:auto;width:auto;height:auto;background:transparent;z-index:auto;backdrop-filter:none;border-radius:0;box-shadow:none;padding:0;transform:none}
@media(max-width:700px){.sleep-surface header{height:68px;padding-top:17px}.sleep-surface main{padding-top:0}.sleep-studio-heading{padding:0}.sleep-studio-heading h1{margin-bottom:0}.sleep-surface .sleep-tabs{margin-bottom:14px}.sleep-studio-cover{aspect-ratio:1.02}.sleep-studio-track{padding:16px 0 13px}.sleep-studio-track h2{font-size:24px}.sleep-studio-controls{padding-bottom:19px}.sleep-studio-next{min-height:86px;padding:14px 0}.sleep-studio-next img{height:58px;width:94px}.sleep-studio-routine{min-height:49px;padding:2px 0}}
.sleep-surface nav.sleep-tabs{border-top:0;border-inline:0;border-bottom:1px solid #fff5e62a}
@media(max-width:700px){.sleep-surface{--dock-height:62px}.sleep-surface header .logo{width:120px}.sleep-studio-heading h1{margin-top:8px}.sleep-studio-cover{aspect-ratio:1.04}.sleep-studio-track{padding:7px 0 5px}.sleep-studio-track h2{font-size:22px}.sleep-studio-track p{font-size:13px}.sleep-studio-controls{padding-bottom:8px}.sleep-studio-next{padding:12px 0;min-height:78px}.sleep-studio-next img{height:54px}.sleep-surface nav#nav{height:calc(62px + env(safe-area-inset-bottom,0px));padding-top:7px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.sleep-surface nav#nav button{padding:4px;min-height:44px;font-size:10px;gap:3px}.sleep-surface nav#nav button svg{width:23px;height:23px}}

.sleep-surface .bottom-meta{background:transparent;border:0;border-top:1px solid #fff5e626;border-radius:0;padding:20px 0 0;box-shadow:none}.sleep-surface .sleep-history-heading>div{display:none}
/* Nighttime controls stay quiet too, including forms and mixer sheets. */
.sleep-surface #modal{background:var(--ink);color:var(--paper);border:1px solid #fff5e633;box-shadow:0 24px 80px #0008}.sleep-surface #modal .modal-top{color:#fff5e699;border-color:#fff5e633}.sleep-surface #modal .modal-top button{color:var(--paper);background:transparent}.sleep-surface #modal h2,.sleep-surface #modal h3,.sleep-surface #modal label{color:var(--paper)}.sleep-surface #modal .fine{color:#fff5e6aa;font-size:14px;line-height:1.6}.sleep-surface #modal input:not([type=range]):not([type=checkbox]),.sleep-surface #modal select,.sleep-surface #modal textarea{background:#fff5e608;color:var(--paper);border-color:#fff5e644;color-scheme:dark}.sleep-surface #modal option{background:var(--ink);color:var(--paper)}.sleep-surface #modal button.primary{background:var(--paper);color:var(--ink)}.sleep-surface #modal button.outline,.sleep-surface #modal button.plain{color:var(--paper);background:transparent;border-color:#fff5e644}.sleep-surface #modal .sleep-timer-options button{color:var(--paper);border-color:#fff5e644}.sleep-surface #modal .sleep-timer-options button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.sleep-surface #modal .sleep-mixer input{accent-color:var(--paper)}.sleep-surface #modal .sleep-report-times,.sleep-surface #modal .sleep-device-status,.sleep-surface #modal .sleep-stage-list li{border-color:#fff5e633}.sleep-surface #modal button:focus-visible{outline-color:var(--paper)}.sleep-surface #modal .sleep-breath-orbit{background:var(--ink);color:var(--paper);border-color:var(--paper)}
.sleep-surface #modal .sleep-mixer label{margin:16px 0;gap:8px}.sleep-surface #modal .sleep-mixer input[type=range]{padding:0;min-height:28px;height:28px}.sleep-surface #modal .sleep-mix-controls{margin:18px 0}

.sleep-quick-sounds{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:thin;scrollbar-color:#fff5e644 transparent}.sleep-quick-sounds button{flex:0 0 auto;min-height:44px;padding:10px 14px;border:1px solid #fff5e633;border-radius:24px;background:transparent;color:var(--paper);font-size:13px;font-weight:400}.sleep-quick-sounds button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.sleep-audio-credits{font-size:14px;line-height:1.7}.sleep-audio-credits a{color:inherit;text-decoration:underline}.sleep-surface #modal .sleep-mixer input[type=range]{min-height:44px;height:44px}.sleep-surface .sleep-sound-tile:focus-visible,.sleep-quick-sounds button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

.sleep-quick-sounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:8px;padding:8px 0 16px}.sleep-quick-sounds button{min-width:0;padding:10px 8px;text-align:center}