/*
Theme Name: SleepSway
Theme URI: https://sleepsway.com/
Author: SleepSway
Description: A lightweight WordPress presentation theme for SleepSway.
Version: 0.3.1
Text Domain: sleepsway
*/
:root { --ss-bg:#05080f; --ss-surface:#0a0e17; --ss-surface-input:#16181c; --ss-secondary:#282832; --ss-secondary-action:#17191e; --ss-secondary-action-hover:#24272d; --ss-text:#f0f0ff; --ss-muted:#a3a3b2; --ss-line:rgba(255,255,255,.11); --ss-violet:#7140e8; --ss-violet-bright:#8a62f0; --ss-content:1120px; }
* { box-sizing:border-box; } html { background:var(--ss-bg); scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--ss-bg); color:var(--ss-text); font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; text-underline-offset:3px; } a:hover { color:var(--ss-violet-bright); } button,input { font:inherit; }
.screen-reader-text { position:absolute!important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.screen-reader-text:focus { z-index:100000;top:1rem;left:1rem;width:auto;height:auto;margin:0;padding:.65rem 1rem;clip:auto;background:#fff;color:#111;border-radius:.5rem; }
.ss-container { width:min(var(--ss-content),calc(100% - 2rem));margin:auto; }.ss-main { min-height:calc(100vh - 150px); }
.ss-site-header { position:relative;z-index:5; }.ss-header-inner { display:flex;justify-content:flex-end;padding-top:1.15rem; }
.ss-language { position:relative; }.ss-language summary { display:inline-flex;align-items:center;gap:.38rem;cursor:pointer;color:var(--ss-muted);list-style:none;padding:.28rem .15rem;border:0;background:transparent;font-size:.875rem;line-height:1.2; }.ss-language summary::-webkit-details-marker { display:none; }.ss-language summary:hover { color:#fff; }.ss-language summary:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:4px;border-radius:3px; }.ss-language-icon { width:16px;height:16px; }.ss-language-chevron { width:13px;height:13px;margin-inline-start:.05rem;opacity:.72; }.ss-language[open] .ss-language-chevron { transform:rotate(180deg); }
.ss-language-list { position:absolute;inset-inline-end:0;top:calc(100% + .5rem);width:max-content;min-width:8.5rem;max-height:70vh;overflow:auto;margin:0;padding:.4rem;list-style:none;border:1px solid var(--ss-line);border-radius:8px;background:var(--ss-surface);box-shadow:0 18px 44px rgba(0,0,0,.4); }.ss-language-list a,.ss-language-list span { display:block;padding:.5rem .65rem;color:var(--ss-muted);text-decoration:none;border-radius:7px; }.ss-language-list span[aria-disabled=true] { opacity:.55;cursor:not-allowed; }.ss-language-list a:hover { background:rgba(255,255,255,.06);color:#fff; }
.ss-language-list a[aria-current="page"],.ss-language-list span[aria-current="page"] { color:#fff;background:rgba(113,64,232,.22);font-weight:600; }.ss-language-list a[aria-current="page"]:hover,.ss-language-list a[aria-current="page"]:focus-visible,.ss-language-list span[aria-current="page"] { background:rgba(113,64,232,.34);color:#fff; }.ss-language-list a:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:-2px; }
.ss-calculator-stage { display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 105px);padding:1.75rem 1rem 3rem; }
.ss-calculator { width:min(100%,448px);padding:1.5rem 1.5rem 1.1rem;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--ss-bg); }
.ss-calculator:has(.ss-calculator-initial:not([hidden])) { padding:1.35rem 1.5rem 1rem; }.ss-calculator-initial .ss-calculator-brand { margin-bottom:1.15rem; }.ss-calculator-initial .ss-calculator-tagline { margin-bottom:1.05rem; }.ss-calculator-initial .ss-calculator-panel { margin-top:1.15rem; }.ss-calculator-initial .ss-field-label { margin-bottom:0; }.ss-calculator-initial .ss-time-picker { min-height:58px;padding:.45rem; }.ss-calculator-initial .ss-button--block { min-height:42px;margin-top:1rem;padding:.5rem .9rem; }.ss-calculator-initial .ss-or { margin:.85rem 0; }.ss-calculator-initial .ss-button--secondary { min-height:42px;margin-top:0;padding:.5rem .9rem; }.ss-calculator-initial .ss-estimate-note { max-width:100%;margin-top:1.05rem;font-size:.7rem;line-height:1.42; }
.ss-calculator-brand { display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 0 1.35rem;color:var(--ss-text);text-decoration:none;font-size:1.85rem;font-weight:800;letter-spacing:-.06em; }.ss-calculator-brand:hover { color:var(--ss-text); }
.ss-ui-icon { width:19px;height:19px;flex:0 0 auto; }.ss-brand-icon { width:28px;height:28px;color:var(--ss-violet-bright); }.ss-button .ss-ui-icon { width:19px;height:19px; }
.ss-calculator-tagline { margin:0 0 1.25rem;color:var(--ss-muted);font-size:.91rem;text-align:center; }.ss-tabs { display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:7px;background:var(--ss-secondary); }.ss-tab { min-height:38px;padding:.35rem .2rem;color:var(--ss-muted);border:0;border-radius:5px;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;line-height:1.25;letter-spacing:-.055em;white-space:nowrap;transition:background .18s ease,color .18s ease; }.ss-tab[aria-selected=true] { color:#fff;background:var(--ss-surface);box-shadow:0 1px 2px rgba(0,0,0,.25);font-weight:600; }
.ss-calculator-panel { margin-top:1.35rem; }.ss-field-header { display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.5rem; }.ss-field-label { display:block;margin-bottom:0;color:var(--ss-muted);font-size:.88rem;font-weight:600; }.ss-time-format { display:inline-flex;flex:0 0 auto;padding:2px;border:1px solid var(--ss-line);border-radius:999px;background:rgba(255,255,255,.025); }.ss-time-format-option { min-width:2.4rem;min-height:28px;padding:.18rem .42rem;color:var(--ss-muted);border:0;border-radius:999px;background:transparent;font-size:.72rem;font-weight:500;line-height:1.2;cursor:pointer; }.ss-time-format-option[aria-pressed=true] { color:#fff;background:var(--ss-secondary);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.22); }.ss-time-format-option:hover { color:#fff;background:rgba(255,255,255,.06); }.ss-time-picker { position:relative;display:flex;align-items:center;justify-content:center;min-height:68px;padding:.55rem;border-radius:7px;background:var(--ss-surface-input); }.ss-time-picker [hidden] { display:none; }.ss-time-part { min-width:2.1rem;padding:0;color:var(--ss-text);border:0;background:transparent;font-size:2.25rem;font-weight:700;letter-spacing:.06em;line-height:1;cursor:pointer; }.ss-time-period { min-width:3.25rem;margin-inline-start:.35rem; }.ss-time-separator { font-size:2.25rem;font-weight:700;line-height:1; }
.ss-time-menu { position:absolute;z-index:10;top:calc(100% + .4rem);max-height:17rem;min-width:7rem;overflow-y:auto;padding:.4rem;border:1px solid var(--ss-line);border-radius:7px;background:var(--ss-surface);box-shadow:0 18px 44px rgba(0,0,0,.45);scrollbar-color:rgba(163,163,178,.42) var(--ss-surface);scrollbar-width:thin; }.ss-time-menu[hidden] { display:none; }.ss-time-menu::-webkit-scrollbar { width:8px; }.ss-time-menu::-webkit-scrollbar-track { background:var(--ss-surface);border-radius:7px; }.ss-time-menu::-webkit-scrollbar-thumb { background:rgba(163,163,178,.42);border:2px solid var(--ss-surface);border-radius:999px; }.ss-time-menu::-webkit-scrollbar-thumb:hover { background:rgba(200,200,212,.58); }.ss-time-menu::-webkit-scrollbar-button { display:none;width:0;height:0;background:transparent; }.ss-time-menu button { display:block;width:100%;padding:.6rem .7rem;color:var(--ss-text);border:0;border-radius:5px;background:transparent;text-align:left;cursor:pointer; }.ss-time-menu button:hover,.ss-time-menu button:focus { background:rgba(255,255,255,.08);outline:0; }.ss-time-menu button[aria-selected=true] { color:#fff;background:rgba(113,64,232,.22);font-weight:600; }.ss-time-menu button[aria-selected=true]:hover,.ss-time-menu button[aria-selected=true]:focus { background:rgba(113,64,232,.34); }.ss-time-menu--hour { inset-inline-start:15%; }.ss-time-menu--minute { inset-inline-start:38%; }.ss-time-menu--period { inset-inline-end:10%; }
.ss-button { display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:45px;padding:.65rem 1rem;color:#fff;font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:7px;background:var(--ss-violet);cursor:pointer; }.ss-button:not(.ss-button--secondary):hover { color:#fff;background:var(--ss-violet-bright); }.ss-button:focus-visible,.ss-tab:focus-visible,.ss-time-part:focus-visible,.ss-time-format-option:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:2px; }.ss-button--block { width:100%;margin-top:1.25rem; }.ss-button--secondary { background:var(--ss-secondary-action);border-color:var(--ss-line);transition:background .18s ease,border-color .18s ease; }.ss-or { display:flex;align-items:center;gap:.8rem;margin:1.25rem 0;color:var(--ss-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase; }.ss-or:before,.ss-or:after { flex:1;height:1px;content:"";background:var(--ss-line); }.ss-estimate-note { margin:1.35rem 0 0;color:rgba(163,163,178,.62);font-size:.74rem;text-align:center; }
@media (hover:hover) and (pointer:fine) { .ss-button--secondary:hover { background:var(--ss-secondary-action-hover);border-color:rgba(255,255,255,.18); } }
.ss-calculator-initial[hidden],.ss-calculator-results[hidden],.ss-sound-panel[hidden] { display:none; }.ss-results-heading { margin:0;text-align:center;font-size:1.18rem; }.ss-results-copy { margin:.3rem 0 1.05rem;color:var(--ss-muted);text-align:center;font-size:.89rem; }.ss-results-list { display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:0;padding:0;list-style:none; }
.ss-result { display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.18rem;min-height:116px;padding:10px 8px;color:#fff;border-radius:7px;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.12); }.ss-result--red { background:linear-gradient(145deg,#982d2d,#741c1c); }.ss-result--yellow { background:linear-gradient(145deg,#a87a19,#7d5a0d); }.ss-result--green { background:linear-gradient(145deg,#24995d,#147445); }.ss-result-icon { width:20px;height:20px;margin:0; }.ss-result-time { display:block;margin:0;font-size:1.45rem;font-weight:700;letter-spacing:.02em;line-height:1.15; }.ss-result-cycles { display:block;margin:0;font-size:.96rem;font-weight:600;line-height:1.25; }.ss-result-duration { display:block;margin:0;font-size:1rem;font-weight:500;line-height:1.2;opacity:.92; }
.ss-accordion { margin-top:1.45rem;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(255,255,255,.025); }.ss-accordion summary { display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.05rem 1.1rem;cursor:pointer;color:var(--ss-muted);font-size:.96rem;font-weight:500;list-style:none; }.ss-accordion summary::-webkit-details-marker { display:none; }.ss-accordion summary::marker { display:none; }.ss-accordion-summary-label { display:flex;align-items:center;gap:.55rem;min-width:0; }.ss-accordion-bulb { display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;font-size:1.05rem;line-height:1; }.ss-accordion-chevron { flex:0 0 18px;width:18px;height:18px;color:var(--ss-muted);transition:transform .18s ease; }.ss-accordion[open] .ss-accordion-chevron { transform:rotate(180deg); }.ss-accordion summary:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:2px;border-radius:4px; }.ss-accordion-content { padding:0 1.15rem 1.2rem;color:var(--ss-muted);font-size:.91rem;line-height:1.65; }.ss-accordion-content h3 { margin:1.1rem 0 .35rem;color:#fff;font-size:.96rem;line-height:1.3; }.ss-accordion-content p { margin:.35rem 0; }.ss-accordion-content ul { margin:.35rem 0;padding-inline-start:1.25rem; }.ss-accordion-content li { margin:.38rem 0; }.ss-text-green { color:#59db90; }.ss-text-yellow { color:#f1c64e; }.ss-text-red { color:#ff9797; }
.ss-sound-panel { margin-top:.85rem;padding-top:1rem;border-top:1px solid var(--ss-line); }.ss-sound-list { display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:0;padding:0;list-style:none; }.ss-sound-button { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:84px;gap:.35rem;padding:.55rem;color:var(--ss-text);border:1px solid var(--ss-line);border-radius:8px;background:transparent;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease; }.ss-sound-button:hover { transform:translateY(-1px); }.ss-sound-button:hover,.ss-sound-button[aria-pressed=true] { border-color:#a78bfa;background:rgba(113,64,232,.3); }.ss-sound-button[aria-pressed=true] { box-shadow:0 0 0 1px rgba(167,139,250,.25); }.ss-sound-icon { width:25px;height:25px;color:#d2bdff; }.ss-sound-button span { font-size:.76rem;font-weight:600; }.ss-volume-row { display:flex;align-items:center;gap:.8rem;margin:1rem .15rem 0; }.ss-volume-row input { flex:1;min-width:0;height:6px;accent-color:var(--ss-violet-bright); }.ss-icon-button { display:grid;place-items:center;width:40px;height:40px;color:var(--ss-muted);border:0;border-radius:6px;background:transparent;cursor:pointer; }.ss-icon-button:hover { color:#fff;background:rgba(255,255,255,.07); }.ss-icon-button .ss-ui-icon,.ss-volume-icon { width:20px;height:20px; }.ss-icon-button.is-muted .ss-ui-icon { opacity:.45; }.ss-back { margin-top:.75rem;background:transparent;border-color:var(--ss-line); }.ss-back:hover { background:rgba(255,255,255,.07); }
.ss-page-header { padding:4rem 0 1rem;text-align:center; }.ss-page-header h1,.ss-not-found h1 { margin:0 auto 1rem;font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.04;letter-spacing:-.06em; }.ss-page-content { width:min(760px,calc(100% - 2rem));margin:auto;padding:3.5rem 0 5rem;color:var(--ss-muted); }.ss-page-content h2,.ss-page-content h3 { color:var(--ss-text); }.ss-not-found { padding:10vh 0;text-align:center; }.ss-not-found p { color:var(--ss-muted); }.ss-site-footer { border-top:1px solid rgba(255,255,255,.08);background:var(--ss-bg); }.ss-footer-inner { display:flex;justify-content:center;align-items:center;padding:1.2rem 0;color:var(--ss-muted);font-size:.75rem; }.ss-footer-nav { display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .7rem; }.ss-footer-nav a { text-decoration:none; }
.ss-home-content { padding:1.5rem 0 5rem; }.ss-home-content__inner { width:min(920px,calc(100% - 2rem));margin:auto; }.ss-home-article { color:var(--ss-muted); }.ss-home-section { margin-top:5.5rem; }.ss-home-section:first-child { margin-top:0; }.ss-home-section__header { max-width:44rem;margin:0 auto 2rem;text-align:center; }.ss-home-section h2 { margin:0;color:var(--ss-text);font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.12;letter-spacing:-.04em; }.ss-home-section__header p { margin:1rem auto 0;font-size:1.02rem;line-height:1.7; }.ss-home-prose { max-width:44rem;margin:auto;font-size:1rem;line-height:1.75; }.ss-home-prose p { margin:0 0 1rem; }.ss-home-insight { max-width:44rem;margin:1.5rem auto 0;padding:1.15rem 1.2rem;border:1px solid rgba(167,139,250,.3);border-radius:8px;background:rgba(113,64,232,.09); }.ss-home-insight h3 { margin:0 0 .35rem;color:#e3d8ff;font-size:1rem; }.ss-home-insight p { margin:0;font-size:.92rem;line-height:1.6; }.ss-stage-grid,.ss-sound-guide { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem; }.ss-stage-card,.ss-sound-guide__card { padding:1.2rem;border:1px solid var(--ss-line);border-radius:8px;background:rgba(255,255,255,.025); }.ss-stage-card h3,.ss-sound-guide__card h3 { margin:0;color:var(--ss-text);font-size:1rem; }.ss-stage-card__eyebrow,.ss-sound-guide__eyebrow { display:block;margin:.25rem 0 .65rem;color:#cbb7ff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase; }.ss-stage-card p,.ss-sound-guide__card p { margin:0;font-size:.9rem;line-height:1.6; }.ss-home-note { max-width:44rem;margin:1.2rem auto 0;font-size:.88rem;line-height:1.6;text-align:center; }.ss-sleep-table-wrap { overflow-x:auto;border:1px solid var(--ss-line);border-radius:8px;background:rgba(255,255,255,.02); }.ss-sleep-table { width:100%;min-width:38rem;border-collapse:collapse;font-size:.9rem; }.ss-sleep-table th,.ss-sleep-table td { padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left; }.ss-sleep-table th { color:var(--ss-text);background:rgba(255,255,255,.045);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase; }.ss-sleep-table td:last-child,.ss-sleep-table th:last-child { color:#cbb7ff;font-weight:700;text-align:right; }.ss-sleep-table tr:last-child td { border-bottom:0; }.ss-faq { max-width:46rem;margin:auto;display:grid;gap:.7rem; }.ss-faq details { border:1px solid var(--ss-line);border-radius:8px;background:rgba(255,255,255,.025); }.ss-faq summary { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;color:var(--ss-text);font-weight:700;cursor:pointer;list-style:none; }.ss-faq summary::-webkit-details-marker { display:none; }.ss-faq summary::after { content:'+';color:#cbb7ff;font-size:1.25rem;font-weight:400; }.ss-faq details[open] summary::after { content:'−'; }.ss-faq p { margin:0;padding:0 1.1rem 1.1rem;font-size:.92rem;line-height:1.65; }.ss-home-disclaimer { max-width:44rem;margin:4rem auto 0;padding:1rem 1.1rem;border:1px solid rgba(240,192,80,.28);border-radius:8px;background:rgba(240,192,80,.08); }.ss-home-disclaimer h2 { margin:0 0 .35rem;color:#ffe5a0;font-size:1rem;letter-spacing:0; }.ss-home-disclaimer p { margin:0;color:#ddd0a6;font-size:.86rem;line-height:1.6; }.ss-home-sources { max-width:44rem;margin:2rem auto 0;padding-top:1.7rem;border-top:1px solid var(--ss-line); }.ss-home-sources h2 { margin:0 0 .8rem;color:var(--ss-text);font-size:1rem;letter-spacing:.06em;text-transform:uppercase; }.ss-home-sources ul { margin:0;padding-left:1.15rem; }.ss-home-sources li { margin:.5rem 0;font-size:.8rem;line-height:1.5; }.ss-home-sources a { color:#cbb7ff; }
.ss-home-content { padding-top:2.5rem; }.ss-home-article { padding-bottom:1rem; }.ss-home-section { position:relative;margin-top:6.5rem; }.ss-home-section__header { margin-bottom:2.35rem; }.ss-home-section__header h2::after { display:block;width:3.5rem;height:3px;margin:1rem auto 0;border-radius:999px;background:rgba(139,98,240,.55);content:''; }.ss-home-section__header p { max-width:39rem;margin-top:.9rem;color:rgba(220,220,235,.74);font-size:1rem;line-height:1.65; }.ss-home-prose { max-width:42rem;font-size:1.01rem;line-height:1.78; }.ss-home-prose p { margin-bottom:1.15rem; }.ss-home-insight { display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;max-width:42rem;margin-top:1.8rem;padding:1.2rem 1.3rem;border-color:rgba(167,139,250,.34);background:rgba(113,64,232,.07); }.ss-home-insight__icon { width:22px;height:22px;margin-top:.15rem;color:#cbb7ff; }.ss-home-insight h3 { grid-column:2;margin:0 0 .3rem;font-size:1.02rem; }.ss-home-insight p { grid-column:2;font-size:.91rem;line-height:1.65; }.ss-stage-grid { gap:1rem; }.ss-stage-card,.ss-sound-guide__card { min-height:13.5rem;padding:1.35rem;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.028); }.ss-stage-card { display:flex;flex-direction:column; }.ss-icon-badge { display:grid;place-items:center;width:42px;height:42px;margin-bottom:1rem;border-radius:50%;border:1px solid currentColor;background:rgba(255,255,255,.04); }.ss-icon-badge svg { width:20px;height:20px; }.ss-stage-card--n1 .ss-icon-badge { color:#c9a8ff;background:rgba(154,106,255,.12); }.ss-stage-card--n2 .ss-icon-badge { color:#94c6ff;background:rgba(74,147,255,.12); }.ss-stage-card--n3 .ss-icon-badge { color:#86e5bd;background:rgba(56,183,124,.12); }.ss-stage-card--rem .ss-icon-badge { color:#e1b5ff;background:rgba(201,112,255,.12); }.ss-stage-card h3,.ss-sound-guide__card h3 { font-size:1.06rem; }.ss-stage-card__eyebrow,.ss-sound-guide__eyebrow { margin:.25rem 0 .8rem;font-size:.68rem; }.ss-stage-card p,.ss-sound-guide__card p { padding-top:.85rem;border-top:1px solid rgba(255,255,255,.09);font-size:.89rem;line-height:1.62; }.ss-home-note { max-width:42rem;margin-top:1.4rem;color:rgba(220,220,235,.63);font-size:.82rem;line-height:1.6; }.ss-sleep-table-wrap { max-width:48rem;margin:auto;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.025); }.ss-sleep-table { min-width:36rem;font-size:.88rem; }.ss-sleep-table th,.ss-sleep-table td { padding:.78rem 1rem; }.ss-sleep-table th { font-size:.67rem;color:rgba(240,240,255,.8);background:rgba(255,255,255,.055); }.ss-sleep-table td:last-child,.ss-sleep-table th:last-child { color:#cdbbff; }.ss-sound-guide { gap:1rem; }.ss-sound-guide__card { display:flex;flex-direction:column; }.ss-sound-guide__card--white .ss-icon-badge { color:#e2e7f0;background:rgba(226,231,240,.08); }.ss-sound-guide__card--pink .ss-icon-badge { color:#f2aacb;background:rgba(242,109,167,.1); }.ss-sound-guide__card--brown .ss-icon-badge { color:#e4af82;background:rgba(183,113,59,.12); }.ss-faq { gap:.75rem; }.ss-faq details { border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025);transition:border-color .18s ease,background .18s ease; }.ss-faq details[open] { border-color:rgba(167,139,250,.38);background:rgba(113,64,232,.055); }.ss-faq summary { padding:1rem 1.15rem;font-size:.94rem; }.ss-faq summary::after { display:none; }.ss-faq__chevron { width:18px;height:18px;flex:0 0 auto;color:#cbb7ff;transition:transform .18s ease; }.ss-faq details[open] .ss-faq__chevron { transform:rotate(180deg); }.ss-faq p { padding:0 1.15rem 1.1rem;font-size:.9rem;line-height:1.7; }.ss-home-disclaimer { display:grid;grid-template-columns:auto 1fr;gap:.75rem;max-width:42rem;margin-top:5rem;padding:1.05rem 1.15rem;border-color:rgba(240,192,80,.34);background:rgba(240,192,80,.075); }.ss-home-disclaimer__icon { width:21px;height:21px;margin-top:.1rem;color:#ffe09a; }.ss-home-disclaimer h2 { margin:0 0 .3rem;font-size:.98rem; }.ss-home-disclaimer p { font-size:.84rem;line-height:1.65; }.ss-home-sources { max-width:42rem;margin-top:2.4rem;padding-top:1.5rem;border-top-color:rgba(255,255,255,.12); }.ss-home-sources h2 { margin-bottom:.75rem;font-size:.72rem;color:rgba(240,240,255,.7); }.ss-home-sources ul { padding-left:1rem; }.ss-home-sources li { margin:.42rem 0;font-size:.78rem;line-height:1.55; }.ss-home-sources a { color:rgba(203,183,255,.82); }.ss-home-sources a:hover { color:#d9cbff; }
html[dir=rtl] .ss-language-list,html[dir=rtl] .ss-calculator { text-align:right; } html[dir=rtl] .ss-calculator-brand,html[dir=rtl] .ss-calculator-tagline,html[dir=rtl] .ss-results-heading,html[dir=rtl] .ss-results-copy { text-align:center;justify-content:center; }
/* Arabic-only RTL corrections for the homepage content and calculator wordmark. */
html[lang=ar] .ss-calculator-brand { direction:ltr;unicode-bidi:isolate; }
html[lang=ar] .ss-sleep-table { direction:rtl; }
html[lang=ar] .ss-sleep-table th,html[lang=ar] .ss-sleep-table td,html[lang=ar] .ss-faq summary,html[lang=ar] .ss-faq p { text-align:start; }
html[lang=ar] .ss-page-shell,html[lang=ar] .ss-page-content__body,html[lang=ar] .ss-footer-nav { direction:rtl;text-align:start; }
html[lang=ar] .ss-page-breadcrumb { direction:rtl; }
html[lang=ar] .ss-page-breadcrumb__separator { direction:ltr;unicode-bidi:isolate; }
html[lang=ar] .ss-contact-field input[type=email] { direction:ltr;text-align:left; }
html[lang=ar] .ss-contact-form__honeypot { left:auto!important;inset-inline-start:auto!important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap; }
html[lang=ar] .ss-time-picker,html[lang=ar] .ss-result-time,html[lang=ar] .ss-time-menu button { direction:ltr;unicode-bidi:isolate; }
html[lang^=de] .ss-tab { white-space:normal; }
@media (min-width:700px) { .ss-results-list,.ss-sound-list { grid-template-columns:repeat(3,1fr); } }
@media (min-width:700px) { .ss-stage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.ss-stage-card--rem { grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;column-gap:1rem;min-height:auto; }.ss-stage-card--rem .ss-icon-badge { grid-row:span 3;margin:0;align-self:center; }.ss-stage-card--rem h3 { align-self:end; }.ss-stage-card--rem p { align-self:start;padding-top:.75rem; }.ss-sound-guide { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:700px) { .ss-tab { font-size:1rem; } }
@media (max-width:700px) { .ss-site-header { position:absolute;inset:0 0 auto; }.ss-header-inner { padding-top:calc(env(safe-area-inset-top) + .7rem); }.ss-calculator-stage { min-height:100vh;min-height:100svh;padding:calc(env(safe-area-inset-top) + 3.25rem) 1rem calc(env(safe-area-inset-bottom) + 2.75rem);align-items:center; }.ss-calculator-stage:has(.ss-calculator-results:not([hidden])) { align-items:flex-start; }.ss-calculator { padding:1.35rem 1rem 1rem; }.ss-calculator:has(.ss-calculator-initial:not([hidden])) { padding:1.15rem 1rem .85rem; }.ss-calculator-brand { margin-bottom:1.15rem;font-size:1.7rem; }.ss-time-part,.ss-time-separator { font-size:2rem; }.ss-footer-inner { text-align:center; }.ss-footer-nav { max-width:25rem; }.ss-home-content { padding:1rem 0 3.5rem; }.ss-home-section { margin-top:4.5rem; }.ss-home-section__header { margin-bottom:1.65rem; }.ss-home-section h2 { font-size:1.7rem; }.ss-stage-grid,.ss-sound-guide { grid-template-columns:1fr;gap:.8rem; }.ss-stage-card,.ss-sound-guide__card { min-height:auto;padding:1.15rem; }.ss-home-disclaimer { margin-top:4rem; } }
:root { --ss-home-content-width:58rem;--ss-home-reading-width:42rem;--ss-home-grid-width:56rem;--ss-home-space:6.5rem; }.ss-home-content__inner { width:min(var(--ss-home-content-width),calc(100% - 2rem)); }.ss-home-section { margin-top:var(--ss-home-space); }.ss-home-section__header,.ss-home-prose,.ss-home-insight,.ss-home-note,.ss-home-disclaimer,.ss-home-sources { max-width:var(--ss-home-reading-width); }.ss-stage-grid,.ss-sound-guide { width:min(100%,var(--ss-home-grid-width));margin-inline:auto; }.ss-card-heading,.ss-callout-heading { display:flex;align-items:center;gap:.75rem; }.ss-card-heading { margin-bottom:.85rem; }.ss-card-heading .ss-icon-badge { flex:0 0 auto;margin:0; }.ss-card-heading__text { min-width:0; }.ss-card-heading h3,.ss-card-heading__text h3 { margin:0;line-height:1.15; }.ss-card-heading .ss-stage-card__eyebrow,.ss-card-heading .ss-sound-guide__eyebrow { margin:.18rem 0 0;line-height:1.25; }.ss-stage-card,.ss-sound-guide__card { min-height:0; }.ss-stage-card p,.ss-sound-guide__card p { padding-top:0;border-top:0; }.ss-stage-card--rem .ss-card-heading { grid-column:auto; }.ss-stage-card--rem .ss-icon-badge { grid-row:auto; }.ss-stage-card--rem h3,.ss-stage-card--rem p { align-self:auto; }.ss-home-insight { display:block;padding:1.1rem 1.2rem; }.ss-home-insight .ss-callout-heading { margin-bottom:.45rem; }.ss-home-insight h3 { grid-column:auto;margin:0;font-size:1rem; }.ss-home-insight p { grid-column:auto;margin:0;padding-left:calc(22px + .75rem);font-size:.91rem; }.ss-home-insight__icon,.ss-home-disclaimer__icon { flex:0 0 21px;width:21px;height:21px;margin:0; }.ss-home-disclaimer { display:block;padding:1rem 1.1rem; }.ss-home-disclaimer .ss-callout-heading { margin-bottom:.35rem; }.ss-home-disclaimer h2 { margin:0;font-size:.97rem; }.ss-home-disclaimer p { margin:0;padding-left:calc(21px + .75rem); }.ss-faq { max-width:var(--ss-home-reading-width); }.ss-faq summary { text-align:left; }.ss-faq p { text-align:left; }.ss-faq__chevron { stroke-width:1.8; }
@media (min-width:700px) { .ss-stage-card--rem { display:block; }.ss-stage-card--rem .ss-card-heading { display:flex; }.ss-stage-card--rem .ss-icon-badge { margin:0; }.ss-stage-card--rem p { padding:0; } }
@media (max-width:700px) { :root { --ss-home-space:4.5rem; }.ss-home-insight p,.ss-home-disclaimer p { padding-left:0; }.ss-home-insight .ss-callout-heading,.ss-home-disclaimer .ss-callout-heading { margin-bottom:.55rem; }.ss-card-heading { gap:.7rem;margin-bottom:.8rem; }.ss-stage-card,.ss-sound-guide__card { padding:1.1rem; } }

/* Final homepage composition: one first-screen tool state and one shared content grid. */
.ss-main { min-height:0; }
.ss-site-header { position:absolute;inset:0 0 auto; }
.ss-calculator-stage { min-height:100vh;min-height:100svh;padding:calc(env(safe-area-inset-top) + 3.25rem) 1rem calc(env(safe-area-inset-bottom) + 2.75rem);overflow-anchor:none; }
.ss-calculator-stage:has(.ss-calculator-results:not([hidden])) { align-items:flex-start;min-height:0; }

:root { --ss-home-content-width:56rem;--ss-home-reading-width:42rem; }
.ss-home-content__inner { width:min(var(--ss-home-content-width),calc(100% - 2rem)); }
.ss-home-section__header,.ss-home-prose,.ss-home-note { max-width:var(--ss-home-reading-width); }
.ss-stage-grid,.ss-sound-guide,.ss-sleep-table-wrap,.ss-faq,.ss-home-insight,.ss-home-disclaimer,.ss-home-sources { width:min(100%,var(--ss-home-content-width));max-width:none;margin-inline:auto; }
.ss-home-insight,.ss-home-disclaimer { display:grid;grid-template-columns:21px minmax(0,1fr);column-gap:.75rem;align-items:start; }
.ss-home-insight .ss-callout-heading,.ss-home-disclaimer .ss-callout-heading { display:contents; }
.ss-home-insight__icon,.ss-home-disclaimer__icon { grid-column:1;grid-row:1 / span 2; }
.ss-home-insight h3,.ss-home-disclaimer h2 { grid-column:2;grid-row:1;margin:0; }
.ss-home-insight p,.ss-home-disclaimer p { grid-column:2;grid-row:2;margin:.35rem 0 0;padding:0;max-width:var(--ss-home-reading-width); }
.ss-home-sources ul { max-width:var(--ss-home-reading-width); }

@media (max-width:700px) {
  .ss-calculator-stage { min-height:100vh;min-height:100svh; }
  .ss-home-insight,.ss-home-disclaimer { grid-template-columns:21px minmax(0,1fr); }
  .ss-home-insight .ss-callout-heading,.ss-home-disclaimer .ss-callout-heading { margin:0; }
}

/* Final width hierarchy and sound-player composition. */
:root { --ss-home-prose-width:49rem;--ss-home-callout-width:46rem;--ss-home-sources-width:34rem; }
.ss-home-prose { max-width:var(--ss-home-prose-width); }
.ss-home-insight,.ss-home-disclaimer { width:min(100%,var(--ss-home-callout-width));max-width:var(--ss-home-callout-width);padding:1rem 1.1rem;column-gap:.7rem; }
.ss-home-insight h3,.ss-home-disclaimer h2 { margin:0; }
.ss-home-insight p,.ss-home-disclaimer p { margin:.25rem 0 0;padding:0; }
.ss-home-disclaimer:not(:has(.ss-home-disclaimer__icon)) { grid-template-columns:minmax(0,1fr); }
.ss-home-disclaimer:not(:has(.ss-home-disclaimer__icon)) h2,.ss-home-disclaimer:not(:has(.ss-home-disclaimer__icon)) p { grid-column:1; }
.ss-home-sources { width:min(100%,var(--ss-home-sources-width));max-width:var(--ss-home-sources-width);margin:2.6rem auto 0;padding-top:1.2rem;text-align:center; }
.ss-home-sources h2 { margin:0 0 .6rem;text-align:center; }
.ss-home-sources ul { display:grid;gap:.32rem;max-width:none;margin:0;padding:0;list-style:none; }
.ss-home-sources li { margin:0;line-height:1.48;text-align:center; }

.ss-calculator-results .ss-accordion + [data-sounds-toggle] { margin-top:1rem; }
.ss-calculator-results [data-sounds-toggle],.ss-calculator-results .ss-back { min-height:45px;margin-inline:0; }
.ss-sound-panel { margin-top:.9rem;padding-top:.9rem; }
.ss-sound-list { grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:84px;gap:.65rem; }
.ss-sound-list li { display:flex;min-width:0; }
.ss-sound-button { width:100%;height:100%;min-height:0;padding:.6rem .35rem;justify-content:center;gap:.35rem; }
.ss-sound-icon { width:24px;height:24px; }
.ss-sound-button span { display:grid;place-items:center;min-height:1.85em;width:100%;line-height:1.15;text-align:center; }
.ss-volume-row { display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:.65rem;margin:.9rem 0 0; }
.ss-volume-row input { width:100%;margin:0; }
.ss-volume-row .ss-icon-button,.ss-volume-display { display:grid;place-items:center;width:40px;height:40px; }
.ss-volume-display { color:var(--ss-muted); }
.ss-volume-display .ss-ui-icon { width:20px;height:20px; }
.ss-mute-visual { position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px; }
.ss-mute-visual .ss-mute-icon { width:20px;height:20px; }
.ss-mute-x { position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;color:#ff8f8f;opacity:0;transition:opacity .16s ease; }
.ss-icon-button.is-muted .ss-mute-icon { opacity:.65; }
.ss-icon-button.is-muted .ss-mute-x { opacity:1; }
.ss-calculator-results .ss-back { margin-top:.9rem; }.ss-calculator-results .ss-button.ss-back { background:var(--ss-surface); }.ss-calculator-results .ss-button.ss-back:hover { color:#fff;background:var(--ss-secondary-action-hover);border-color:rgba(255,255,255,.18); }.ss-calculator-results .ss-button.ss-back:focus-visible { color:#fff;background:var(--ss-surface);border-color:var(--ss-line);outline:2px solid var(--ss-violet-bright);outline-offset:2px; }
.ss-sound-button:focus-visible,.ss-volume-row .ss-icon-button:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:2px; }
@media (min-width:700px) { .ss-sound-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .ss-home-prose,.ss-home-insight,.ss-home-disclaimer,.ss-home-sources { width:100%;max-width:100%; } }

/* Narrow homepage content polish: align the insight, cycle heading, and tool note. */
.ss-home-insight { display:block; }
.ss-home-insight .ss-callout-heading { display:flex;align-items:center;gap:.75rem;margin:0 0 .45rem; }
.ss-home-insight .ss-home-insight__icon { flex:0 0 21px;width:21px;height:21px;margin:0; }
.ss-home-insight h3 { margin:0; }
.ss-home-insight p { width:100%;margin:0;padding:0;max-width:none; }
#cycles-heading { width:min(100%,clamp(22rem,31vw,28rem));margin-inline:auto;text-wrap:balance; }
.ss-home-disclaimer { row-gap:.45rem; }
.ss-home-disclaimer p { margin-top:.15rem; }

/* Shared About and legal-document presentation. */
.ss-page-shell { width:min(100%,1040px);margin:0 auto;padding:calc(env(safe-area-inset-top) + 5.25rem) 1rem 4.5rem; }
.ss-page-breadcrumb { display:flex;align-items:center;gap:.55rem;width:min(100%,800px);margin:0 auto 1.6rem;color:rgba(163,163,178,.72);font-size:.78rem;line-height:1.3; }
.ss-page-home { display:inline-flex;align-items:center;gap:.4rem;color:rgba(220,220,235,.82);font-weight:600;text-decoration:none; }
.ss-page-home:hover { color:#fff; }
.ss-page-home:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:4px;border-radius:3px; }
.ss-page-home__icon { width:17px;height:17px;color:#b89dff; }
.ss-page-breadcrumb__separator { color:rgba(163,163,178,.48);font-size:1rem; }
.ss-page-breadcrumb__current { color:rgba(240,240,255,.86); }
.ss-page-content { width:min(100%,760px);margin:0 auto;padding:1.6rem 0 0;color:var(--ss-muted); }
.ss-page-content--legal { width:min(100%,800px); }
.ss-page-content__header { padding:0 0 1.25rem;border-bottom:1px solid rgba(255,255,255,.12); }
.ss-page-content__header h1 { margin:0;color:var(--ss-text);font-size:clamp(2rem,4vw,2.85rem);font-weight:800;letter-spacing:-.045em;line-height:1.1; }
.ss-page-content__body { max-width:700px;margin:0 auto;padding:1.7rem 0 0;font-size:1rem;line-height:1.78; }
.ss-page-content--standard .ss-page-content__body { max-width:680px; }
.ss-page-content__body p { margin:0 0 1.1rem; }
.ss-page-content__body h2 { margin:2.3rem 0 .7rem;color:var(--ss-text);font-size:1.3rem;line-height:1.28;letter-spacing:-.02em; }
.ss-page-content__body h3 { margin:1.7rem 0 .5rem;color:var(--ss-text);font-size:1.05rem;line-height:1.35; }
.ss-page-content__body ul,.ss-page-content__body ol { margin:.4rem 0 1.35rem;padding-inline-start:1.35rem; }
.ss-page-content__body li { margin:.5rem 0;padding-inline-start:.15rem; }
.ss-page-content__body strong { color:rgba(240,240,255,.9);font-weight:700; }
.ss-page-content__body a { color:#cbb7ff;text-decoration-thickness:1px; }
.ss-page-content__body a:hover { color:#e0d6ff; }
.ss-page-content__body a:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:3px;border-radius:2px; }
.ss-page-content__body > .wp-block-paragraph:first-child { color:rgba(220,220,235,.82); }
@media (max-width:700px) {
	.ss-page-shell { padding:calc(env(safe-area-inset-top) + 4.75rem) 1rem 3.5rem; }
	.ss-page-breadcrumb { margin-bottom:1.15rem;font-size:.75rem; }
	.ss-page-content { padding-top:1.25rem; }
	.ss-page-content__header { padding-bottom:1rem; }
	.ss-page-content__header h1 { font-size:2rem; }
	.ss-page-content__body { padding-top:1.35rem;font-size:.96rem;line-height:1.72; }
	.ss-page-content__body h2 { margin-top:2rem;font-size:1.18rem; }
	.ss-page-content__body li { margin:.45rem 0; }
}

/* Native contact form: intentionally small, email-only, and consistent with the shared page shell. */
.ss-contact-form-wrap { margin-top:1.8rem; }
.ss-contact-form { display:grid;gap:1rem;padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.025); }
.ss-contact-form__row { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
.ss-contact-field { margin:0; }
.ss-contact-field label { display:block;margin:0 0 .4rem;color:rgba(240,240,255,.9);font-size:.86rem;font-weight:700; }
.ss-contact-field label span:not(.screen-reader-text) { color:var(--ss-muted);font-size:.78rem;font-weight:400; }
.ss-contact-field input,.ss-contact-field textarea { display:block;width:100%;padding:.68rem .75rem;color:var(--ss-text);border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(5,8,15,.72);line-height:1.4; }
.ss-contact-field input { min-height:44px; }
.ss-contact-field textarea { min-height:150px;resize:vertical; }
.ss-contact-field input:focus,.ss-contact-field textarea:focus { outline:2px solid var(--ss-violet-bright);outline-offset:2px;border-color:var(--ss-violet-bright); }
.ss-contact-submit { width:100%;margin-top:.15rem; }
.ss-contact-notice { margin:0 0 1rem;padding:.8rem .9rem;border:1px solid;border-radius:6px;font-size:.9rem;line-height:1.5; }
.ss-contact-notice--success { color:#baf3d1;border-color:rgba(89,219,144,.35);background:rgba(56,183,124,.1); }
.ss-contact-notice--error { color:#ffd0d0;border-color:rgba(255,151,151,.35);background:rgba(152,45,45,.14); }
.ss-contact-form__honeypot { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
@media (max-width:700px) { .ss-contact-form { padding:1rem; }.ss-contact-form__row { grid-template-columns:1fr;gap:1rem; } }

/* Accessibility refinements: preserve state feedback while improving focus, contrast, and motion preferences. */
.ss-time-menu button:focus-visible { outline:2px solid var(--ss-violet-bright);outline-offset:2px; }
.ss-footer-nav a { display:inline-flex;align-items:center;min-height:24px; }
.ss-estimate-note { color:var(--ss-muted); }
.ss-language-list span[aria-disabled=true] { opacity:.75; }
.ss-result--yellow { background:linear-gradient(145deg,#91650e,#7d5a0d); }
.ss-result--green { background:linear-gradient(145deg,#1c7e4c,#147445); }

/* Keep genuine 404 pages balanced between the header and footer. */
html:has(body.error404) { min-height:100%; }
body.error404 { min-height:100vh;min-height:100svh;display:flex;flex-direction:column; }
body.error404 .ss-main { display:flex;flex:1 1 auto;flex-direction:column;min-height:0; }
body.error404 .ss-not-found { display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;padding:clamp(3rem,8vh,6rem) 1rem;text-align:center; }
body.error404 .ss-not-found .ss-kicker { margin:0 0 .5rem;color:var(--ss-text);font-size:clamp(4rem,7vw,6rem);font-weight:700;letter-spacing:.04em;line-height:1.1; }
body.error404 .ss-not-found h1 { margin:0 0 1rem; }
body.error404 .ss-not-found > p:not(.ss-kicker) { max-width:36rem;margin:0 0 1rem;line-height:1.6; }
body.error404 .ss-not-found .ss-button { margin-top:.25rem; }

/* Keep Korean words together without changing English wrapping or layout. */
html[lang^="ko"] .ss-home-content h2,
html[lang^="ko"] .ss-home-content h3,
html[lang^="ko"] .ss-calculator h2,
html[lang^="ko"] .ss-calculator h3,
html[lang^="ko"] .ss-calculator-tagline,
html[lang^="ko"] .ss-footer-nav {
  word-break:keep-all;
  overflow-wrap:break-word;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}