/* Color-only adaptation of the original homepage. Layout and typography stay in variant.css. */
:root{color-scheme:dark;--paper:#22262b;--ink:#f1f3f4;--text:#d1d6da;--muted:#aeb6be;--line:#ffffff24;--mint:#21e0d5;--surface:#2b3036;--header:#1d2126;--photo-brightness:.94}


body{background:var(--paper);color:var(--text)}
#somni-header{background:var(--header);border-bottom-color:var(--line);color:var(--text);box-shadow:none}
#somni-header a{color:var(--text)}
#somni-header .somni-header-logo img,.original-footer .wordmark img{filter:brightness(0) invert(1);opacity:.92}
#somni-header a.somni-header-cta{background:#f0f3f4;border-color:#f0f3f4;color:#171c21}
#somni-header a.somni-header-cta:hover{background:var(--mint);border-color:var(--mint)}
#somni-header .somni-menu-toggle{background:transparent;color:var(--ink);border-color:#ffffff40}
#somni-header a.somni-controls-button{background:var(--mint);color:#12332f;border-color:var(--mint)}
.pro-tone #somni-header a.somni-controls-button{background:#21e0d515;border-color:#21e0d555;color:#70ebe2;box-shadow:none}
.original-hero,.original-functions{background:var(--surface)}
.original-portrait.graphic-portrait{background:radial-gradient(ellipse at 70% 60%,#21e0d514,transparent 64%)}
.original-portrait>img.hero-graphic{filter:drop-shadow(0 25px 20px #0005);mask-image:none}
h1,h2,h3,.original-function-list summary{color:var(--ink)}
h1 span,h2 span{color:var(--mint)}
.eyebrow,.original-hero-copy>.eyebrow{color:var(--muted)}
.pro-pill{background:var(--mint);color:#142828}
.button.outline{color:var(--ink);border-color:#a1adb6;background:transparent}
.button.outline:hover{background:var(--mint);border-color:var(--mint);color:#102525}
.original-social a{opacity:.8}.original-social img{filter:brightness(0) invert(1)}
.original-social>span{color:var(--muted);border-color:var(--line)}
.original-about>div>p:not(.eyebrow),.original-program-copy>p:not(.eyebrow){color:var(--text)}
.original-program-copy strong{color:#66d9d1}
.original-function-list .faq-item,.original-function-list .faq-item:first-child,.original-program-copy .original-platform{border-color:var(--line)}
.original-function-list summary span,.original-program-copy .original-platform{color:var(--muted)}
.original-about>figure>img.bedside-b1{filter:grayscale(.35) brightness(var(--photo-brightness)) contrast(.98)}
.original-function-photo>.mono,.original-banner>.mono{filter:grayscale(.6) brightness(var(--photo-brightness)) contrast(.95)}
.original-slides figure>img{filter:grayscale(.6) brightness(var(--photo-brightness)) contrast(.96)}
.original-function-photo{background:var(--surface)}
.gallery-controls>[data-prev],.gallery-controls>[data-next]{background:var(--surface);color:var(--ink);border-color:#ffffff45}
.gallery-controls>[data-prev]:hover,.gallery-controls>[data-next]:hover{background:var(--mint);color:#102525}
.gallery-dots button:before{background:#6d7880}.gallery-dots button[aria-pressed=true]:before{background:var(--mint)}
.original-feedback>summary{background:var(--mint);color:#142828}
.original-feedback form{background:var(--surface)}
.feedback-grid label{color:var(--text)}
.feedback-grid input,.feedback-grid select,.feedback-grid textarea{background:var(--paper);color:var(--ink);border-color:#ffffff40}
.original-feedback form>.button{background:var(--mint);border-color:var(--mint);color:#142828}
.original-footer .email-row{border-color:#ffffff45}
.original-footer .email-row button{color:var(--mint)}
.original-footer .newsletter .fine-print{color:var(--muted)}
.original-footer .email-row input::placeholder{color:var(--muted);opacity:1}
.original-footer .footer-bottom{border-color:var(--line)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}

/* Shared surfaces and controls across the complete site. */
:root{--bg:#22262b;--card:#2b3036;--inner:#30373f;--soft:#c5cdd4;--accent:#21e0d5;--track:#46515b;--gradient:linear-gradient(110deg,#21e0d5,#45e6d4);--accent-ink:#10302e}
html{background:#22262b;color-scheme:dark}
body.soft-dark{background:#22262b;color:#d1d6da}
body.soft-dark a{color:inherit}
body.soft-dark .text-link,body.soft-dark .bl-text{color:#21e0d5}
body.soft-dark .button{background:#edf1f4;border-color:#edf1f4;color:#172127}
body.soft-dark .button.outline{background:transparent;border-color:#a1adb6;color:#f1f3f4}
body.soft-dark .button:hover{background:#21e0d5;border-color:#21e0d5;color:#102525}
body.soft-dark .soft-section,body.soft-dark .support-box{background:#2b3036}
body.soft-dark .campaign{background:#2b3036;color:#cbd4dc;border:1px solid #ffffff24}
body.soft-dark .campaign .button.light{background:#21e0d5;border-color:#21e0d5;color:#10302e}
body.soft-dark .step-number{color:#21e0d5}
body.soft-dark .original-banner .button{background:#21e0d5;border-color:#21e0d5;color:#10302e}
body.soft-dark #somni-header,body.soft-dark #somni-header[data-appearance=tool]{background:#1d2126;border-color:#ffffff24}
body.soft-dark #somni-header a{color:#d1d6da}
body.soft-dark #somni-header a.somni-controls-button{color:#10302e}
body.soft-dark #somni-header a.somni-header-cta{color:#172127}
body.soft-dark #somni-header .somni-menu-toggle{background:transparent;color:#edf1f4;border-color:#ffffff40}
body.soft-dark #somni-header .somni-header-logo img{filter:brightness(0) invert(1)}
body.soft-dark input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=color]),body.soft-dark textarea,body.soft-dark select{background-color:#252c33;color:#edf1f4;border-color:#65717b;caret-color:#21e0d5}
body.soft-dark input::placeholder,body.soft-dark textarea::placeholder{color:#aeb6be;opacity:1}
body.soft-dark input{accent-color:#21e0d5}
body.soft-dark .block-item,body.soft-dark .item_block,body.soft-dark .block_item_audio,body.soft-dark .pre_bottom_item,body.soft-dark .re_section_wave_audio{background-color:#2b3036;border-color:#56616b}
body.soft-dark .block-item:hover,body.soft-dark .item_block:hover{background-color:#343d46}
body.soft-dark .main_title,body.soft-dark .title_block,body.soft-dark .name-block,body.soft-dark .name_item_audio,body.soft-dark .time,body.soft-dark .track-desc{color:#edf1f4}
body.soft-dark .desc_block p,body.soft-dark .block-desc,body.soft-dark .main_desc,body.soft-dark .desc_title{color:#b5bec6}
body.soft-dark .btn-black,body.soft-dark .btn,body.soft-dark .btn-primary,body.soft-dark .btn-default,body.soft-dark .btn-journal,body.soft-dark .btn-precet,body.soft-dark .btn-replace{background:#21e0d5;color:#10302e;border-color:#21e0d5}
body.soft-dark .btn-black:hover,body.soft-dark .btn:hover,body.soft-dark .btn-primary:hover{background:#65eee4;color:#10302e}
body.soft-dark .btn-two{color:#edf1f4;border-color:#a1adb6}
body.soft-dark .page__radio-item{color:#edf1f4;border-color:#65717b}
body.soft-dark .page__radio label input:checked~.page__radio-item{border-color:#21e0d5;color:#21e0d5}
body.soft-dark #card-element,body.soft-dark .StripeElement{background:#252c33;border-color:#65717b}
body.soft-dark .mpopup,body.soft-dark .modal-content,body.soft-dark .alertify .ajs-dialog{background:#2b3036;color:#edf1f4}
body.soft-dark .alertify .ajs-header,body.soft-dark .alertify .ajs-footer{background:#30373f;color:#edf1f4;border-color:#56616b}
body.soft-dark .somni-cookie-banner,body.soft-dark .somni-cookie-prefs__dialog{background:#2b3036;color:#edf1f4;border-color:#56616b}
body.soft-dark .somni-cookie-prefs__dialog p,body.soft-dark .somni-cookie-prefs__footer,body.soft-dark .somni-cookie-prefs__footer a{color:#c5cdd4}
body.soft-dark .somni-cookie-btn--primary{background:#21e0d5;color:#10302e;border-color:#21e0d5}
body.soft-dark .somni-cookie-btn--secondary{background:transparent;color:#edf1f4;border-color:#a1adb6}
body.soft-dark .somni-cookie-btn--link,body.soft-dark .somni-cookie-banner__text a,body.soft-dark .somni-cookie-prefs__close{color:#edf1f4}
body.soft-dark .somni-cookie-switch input:checked+.somni-cookie-switch__slider{background:#21e0d5}
body.soft-dark .somni-cookie-switch__slider::before{background:#edf1f4}
body.soft-dark .somni-cookie-prefs__badge{background:#39434c;color:#d1d6da}
body.soft-dark .round-play{color:#10302e}
body.soft-dark .app-brand b{color:transparent}
body.soft-dark .upload_own_btn,body.soft-dark .add_pause_btn{color:#edf1f4;background:#30373f}
body.soft-dark .original-footer .email-row input{background:transparent}
body.soft-dark :focus-visible{outline-color:#21e0d5}

body.soft-dark #somni-header a.somni-header-cta{background:#edf1f4;border-color:#edf1f4;color:#172127}
body.soft-dark #somni-header a.somni-controls-button{background:#21e0d5;border-color:#21e0d5;color:#10302e}
/* Static mask on a plain soft-dark background. */
body.soft-dark .original-hero{background:#2b3036}
.original-portrait.graphic-portrait{isolation:isolate;background:none;overflow:hidden}
.original-portrait.graphic-portrait::before,.original-portrait.graphic-portrait::after{content:none}
.product-studio{position:absolute;top:50%;left:50%;width:86%;max-width:680px;aspect-ratio:1;transform:translate(-50%,-50%)}
.product-studio>img.hero-graphic{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 16px 14px #0003);mask-image:none;animation:none}
@media(max-width:760px){.original-portrait.graphic-portrait{aspect-ratio:1.35}.product-studio{width:87%;top:44%}}
/* Small static shadow below the mask. */
.product-studio::before{content:"";position:absolute;left:23%;width:56%;top:77%;height:4%;border-radius:50%;background:#10171d80;filter:blur(12px);transform:rotate(-3deg);pointer-events:none}
@media(max-width:760px){.product-studio::before{filter:blur(9px)}}
/* Fine static line texture behind the product. */
.original-portrait.graphic-portrait::after{content:"";position:absolute;z-index:-1;inset:7% -15% 5% 0;background:repeating-linear-gradient(128deg,transparent 0,transparent 43px,#b4c9d018 43px,#b4c9d018 44px);mask-image:radial-gradient(ellipse at 57% 49%,#000 15%,transparent 70%);pointer-events:none}
@media(max-width:760px){.original-portrait.graphic-portrait::after{inset:0 -10%;background-size:auto;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%)}}