/* Two visual systems; one shared DOM, navigation and motion contract. */
:root,body[data-mode=multiple]{--theme-bg:#f8f7f5;--theme-soft:#eee7fb;--theme-card:#f0eaf9;--theme-accent:#8052db;--theme-bright:#9160f5}
body[data-mode=single]{--theme-bg:#f5f0e7;--theme-soft:#eae4d7;--theme-card:#eee5d6;--theme-accent:#687053;--theme-bright:#a46943;--bg:#f5f0e7;--ink:#30342c;--muted:#7c786c;--line:#e2dccf;--green:#687053;--mode-accent:#687053;--mode-soft:#eae4d7;--mode-bg:#f5f0e7;--mode-ink:#30342c;--mode-muted:#7c786c;background:var(--theme-bg)}
.mognu-mode{display:flex;align-items:center;gap:0;border:1px solid #ded8e6;background:var(--theme-soft);border-radius:99px;padding:3px;font-size:11px;min-height:44px;color:#766c7f;position:relative;isolation:isolate;width:160px;flex-shrink:0}.mognu-mode:before{content:'';position:absolute;inset:3px auto 3px 3px;width:64px;background:white;border-radius:99px;z-index:-1;box-shadow:0 2px 5px #25202009;transition:transform 220ms cubic-bezier(.2,.8,.2,1),width 220ms cubic-bezier(.2,.8,.2,1)}.mognu-mode span:first-child{width:64px}.mognu-mode span:last-child{flex:1}.mognu-mode[aria-checked=true]:before{transform:translateX(64px);width:86px}.mognu-mode[aria-checked=false] span:first-child,.mognu-mode[aria-checked=true] span:last-child{color:#26202d;font-weight:600}
body[data-mode=single] .simple-home{background:#fcfaf5;border-color:#e9e2d7}body[data-mode=single] .welcome-art{object-fit:cover;border-radius:26px;margin:24px 0;max-height:280px;min-height:180px;flex:initial;width:100%;height:240px}body[data-mode=single] #homeCopy,body[data-mode=single] .home-note{color:#827a6b}body[data-mode=single] .home-note{border-color:#e6dfd2}body[data-mode=single] .story-card{background:#fffcf6}body[data-mode=single] .story-card:last-child{background:#384031}body[data-mode=single] .story-card img{display:none}body[data-mode=single] .story-card:after{content:'';position:absolute;right:-15px;bottom:-15px;width:180px;height:180px;background:url('illustration-pack/care.png') 66.6667% 0/400% 300% no-repeat}body[data-mode=single] .story-card:last-child:after{background-position:33.3333% 50%;right:-20px;bottom:-25px;width:160px;height:160px;opacity:.7}body[data-mode=single] .story-dot{background:#e5e5d3;color:#65714e}body[data-mode=single] .story-card small,body[data-mode=single] .mognu-story>p{color:#8a8070}body[data-mode=single] .story-card:last-child small{color:#f1ebdf}
body[data-mode=single] #deckCard:before{width:210px;height:210px;top:8px;right:calc(50% - 105px);background-image:url('illustration-pack/care.png');background-size:400% 300%;background-position:var(--warm-position,0% 0%)}body[data-mode=single] #deckDescription{color:#70624f}body[data-mode=single] #deckMeta,body[data-mode=single] #deckCounter,body[data-mode=single] #deckStatus{color:#8b7b66}body[data-mode=single] .deck-actions button{color:#62674f}body[data-mode=single] #deckSave{color:white}body[data-mode=single] #openSaved{background:#e6e6d4;color:#687053}body[data-mode=single] .care-segments button[aria-pressed=true]{color:#414735}body[data-mode=single] .care-segments button{color:#827967}
body[data-mode=single] .compact-sheet,body[data-mode=single] .sheet-header,body[data-mode=single] dialog{background:#faf7f0!important;border-color:#e5dece}body[data-mode=single] .compact-menu,body[data-mode=single] .calendar-card,body[data-mode=single] .settings-card,body[data-mode=single] .appearance-card,body[data-mode=single] .guide-card{background:#fffcf7;border-color:#e8e0d2}body[data-mode=single] .compact-menu-row{border-color:#eee6d9;color:#414536}body[data-mode=single] .compact-menu-row small,body[data-mode=single] .compact-menu-row>span:last-child{color:#908571}body[data-mode=single] .compact-header>button:last-child,body[data-mode=single] .icon-button{background:#eae5d9;color:#6c7158}body[data-mode=single] .compact-fold{border-color:#e2dacb}body[data-mode=single] .compact-fold>summary,body[data-mode=single] .quick-guide summary{color:#6d735c}body[data-mode=single] .mognu-explanation>p,body[data-mode=single] .mognu-explanation li span{color:#837762}body[data-mode=single] .mognu-explanation li:before{color:#697253}body[data-mode=single] .mognu-mode{border-color:#dfd6c5;color:#7b7462}body[data-mode=single] .touch-options button,body[data-mode=single] .moods button{background:#fffcf7;border-color:#e3dac9;color:#716752}body[data-mode=single] .touch-options button[aria-pressed=true],body[data-mode=single] .moods button.selected{background:#687053;color:white;border-color:#687053}body[data-mode=single] .calendar-grid button,body[data-mode=single] .touch-calendar button{color:#766b58}body[data-mode=single] .calendar-grid button.start,body[data-mode=single] .touch-calendar button[aria-pressed=true]{background:#687053;color:white}body[data-mode=single] .calendar-grid button.today{outline-color:#9b805e}body[data-mode=single] .weekdays{color:#9b8e79}body[data-mode=single] #openers blockquote{color:#49412f}body[data-mode=single] .pack-option.selected{border-color:#687053!important;background:#eeecdf!important}body[data-mode=single] input:not([type=checkbox]),body[data-mode=single] textarea{border-color:#e0d6c6;background:#fffdf8}body[data-mode=single] input[type=checkbox]{accent-color:#687053}body[data-mode=single] dialog::backdrop{background:#30291955}
@media(min-width:900px){body[data-mode=single]:not([data-view=today]){background:#eee9df}body[data-mode=single]:not([data-view=today]) .app main{background:#faf7f0;border-color:#e5ded1}}
@media(max-width:760px){body[data-mode=single] .simple-home{background:transparent}body[data-mode=single] .welcome-art{height:clamp(200px,30svh,280px);margin:24px 0}.simple-home .home-actions{margin-top:auto}.welcome-top{gap:10px}.mognu-mode{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mognu-mode:before{transition:none}}

/* Multiple-partner portrait atlas; single mode keeps original warm portraits. */
body[data-mode=multiple][data-hair=long][data-pack=brunette]{--portrait-atlas:long-brunette}
body[data-mode=multiple][data-hair=long] .pack-option[data-pack-choice=brunette] .portrait{--portrait-atlas:long-brunette}
body[data-mode=multiple][data-hair=long][data-pack=blonde]{--portrait-atlas:long-blonde}
body[data-mode=multiple][data-hair=long] .pack-option[data-pack-choice=blonde] .portrait{--portrait-atlas:long-blonde}
body[data-mode=multiple][data-hair=long][data-pack=redhead]{--portrait-atlas:long-redhead}
body[data-mode=multiple][data-hair=long] .pack-option[data-pack-choice=redhead] .portrait{--portrait-atlas:long-redhead}
body[data-mode=multiple][data-hair=short][data-pack=brunette]{--portrait-atlas:short-brunette}
body[data-mode=multiple][data-hair=short] .pack-option[data-pack-choice=brunette] .portrait{--portrait-atlas:short-brunette}
body[data-mode=multiple][data-hair=short][data-pack=blonde]{--portrait-atlas:short-blonde}
body[data-mode=multiple][data-hair=short] .pack-option[data-pack-choice=blonde] .portrait{--portrait-atlas:short-blonde}
body[data-mode=multiple][data-hair=short][data-pack=redhead]{--portrait-atlas:short-redhead}
body[data-mode=multiple][data-hair=short] .pack-option[data-pack-choice=redhead] .portrait{--portrait-atlas:short-redhead}
body[data-mode=multiple] .portrait{background-image:none!important;background-size:400% 200%!important;background-repeat:no-repeat}
body[data-mode=multiple] .portrait.portrait-tired{background-position:0% 0%!important}
body[data-mode=multiple] .portrait.portrait-good{background-position:33.3333333333333% 0%!important}
body[data-mode=multiple] .portrait.portrait-calm{background-position:66.6666666666667% 0%!important}
body[data-mode=multiple] .portrait.portrait-sensitive{background-position:100% 0%!important}
body[data-mode=multiple] .portrait.portrait-angry{background-position:0% 100%!important}
body[data-mode=multiple] .portrait.portrait-desire{background-position:33.3333333333333% 100%!important}
body[data-mode=multiple] .portrait.portrait-sad{background-position:66.6666666666667% 100%!important}
body[data-mode=multiple] .portrait.portrait-anxious{background-position:100% 100%!important}
body[data-mode=single]{--motion-duration:260ms}body[data-mode=multiple]{--motion-duration:200ms}@media(prefers-reduced-motion:no-preference){dialog[open]{animation-duration:var(--motion-duration)}.mognu-mode:before{transition-duration:var(--motion-duration)}}

.compact-group header:before{display:none!important}#toast{background:#28242e;color:#fff;border-radius:20px;box-shadow:0 8px 25px #21162e22}body[data-mode=single] #toast{background:#414934}.compact-header .mognu-wordmark,.welcome-top .mognu-wordmark{text-transform:none}
body[data-mode=multiple] .portrait{clip-path:inset(3%)}

/* Paired, individually assigned scenes for every idea. */
body[data-mode] #care #deckCard::before{width:220px;height:220px;top:8px;right:calc(50% - 110px);background-image:var(--scene-image);background-size:400% 300%;background-position:var(--scene-position);background-repeat:no-repeat;opacity:1;clip-path:inset(7%)}
body[data-mode] #homeCycle{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;padding:14px 20px;border:1px solid var(--theme-accent);border-radius:28px;background:var(--theme-soft);color:var(--theme-accent);text-decoration:none;font-size:16px;font-weight:600}