/* Approved faceted wordmark and editorial illustration cards, 18 Oct 2026. */
body .mognu-wordmark,body #dataNotice .mognu-wordmark{display:inline-block;width:124px;height:42px;flex-shrink:0;background:url('assets/mognu-wordmark-faceted.webp') center/contain no-repeat;font-size:0!important;letter-spacing:0;color:transparent!important;text-shadow:none!important;vertical-align:middle}
body .mognu-story>.mognu-wordmark{display:block;width:min(100%,390px);height:130px;margin:0 0 12px}
body .compact-header .mognu-wordmark{width:110px;height:38px;font-size:0}
body .experience-top .mognu-wordmark{width:116px;height:40px}
body #care #deckCard{display:flex;flex-direction:column;justify-content:flex-start;min-height:470px;padding:28px 28px 235px;background:#fff;border:1px solid #eeebf1;border-radius:30px;box-shadow:0 16px 40px #231e2a09;isolation:isolate;overflow:hidden}
body #care #deckMeta{margin:0;max-width:none;color:#81758e;font-size:12px;line-height:1.4;letter-spacing:.01em}
body #care #deckCard h3{font-size:clamp(29px,6.7vw,42px);line-height:1.05;letter-spacing:-.045em;font-weight:600;max-width:100%;margin:16px 0 14px;color:#202023;overflow-wrap:break-word}
body #care #deckDescription{font-size:17px;line-height:1.5;color:#6c6277;max-width:100%;margin:0}
body[data-mode] #care #deckCard::before{width:256px;height:256px;top:auto;bottom:-20px;right:-10px;z-index:-1;clip-path:inset(7%);background-image:var(--scene-image);background-size:400% 300%;background-position:var(--scene-position);opacity:1;transform:rotate(-3deg)}
body #care #deckCard[data-category=message],body #care #deckCard[data-category=home]{background:#242426;border-color:#242426}
body #care #deckCard[data-category=message] h3,body #care #deckCard[data-category=home] h3{color:#fff}
body #care #deckCard[data-category=message] #deckDescription,body #care #deckCard[data-category=home] #deckDescription{color:#e2dce9}
body #care #deckCard[data-category=message] #deckMeta,body #care #deckCard[data-category=home] #deckMeta{color:#c4b4d8}
body #care .deck-actions{gap:8px;margin-top:18px}
body #care .deck-actions button{min-height:52px;font-size:15px;padding:12px 8px}
body #care #deckSave{background:#8656ec;color:white}
body #care #deckCounter{margin:8px 0 14px;font-size:12px}
body .deck-saved{position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid #ede8f2;border-radius:24px;margin:12px 0;padding:22px}
body .deck-saved::before{content:'';display:block;float:right;width:100px;height:100px;background-image:var(--scene-image);background-size:400% 300%;background-position:var(--scene-position);clip-path:inset(7%);margin:-10px -12px 0 12px;pointer-events:none}
body .deck-saved h4{font-size:23px;letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}
body .deck-saved .touch-options{clear:both}
body #openers blockquote{background:#242426;color:#fff;line-height:1.35;font-size:clamp(22px,5.6vw,30px);border-radius:30px;padding:28px;min-height:250px;overflow-wrap:break-word;letter-spacing:-.025em}
@media(max-width:360px){body #care #deckCard{padding:22px 20px 200px;min-height:435px}body[data-mode] #care #deckCard::before{width:222px;height:222px}body #care #deckDescription{font-size:16px}body #care .deck-actions button{font-size:13px}body #openers blockquote{padding:24px}}

.story-chat-art{position:absolute;right:-24px;bottom:-24px;width:190px;height:190px;background:url(brand/atlases/interface.png) 33.3333% 50%/400% 300% no-repeat;clip-path:inset(6%);pointer-events:none}

/* Whole-silhouette viewports: no square atlas crops or clipped hair. */
body[data-mode] #care #deckCard::before,body .deck-saved::before{content:none;display:none}
body #care #deckCard{padding:24px;min-height:0;gap:0;overflow:hidden}
body #care #deckCard h3{font-size:clamp(27px,6.5vw,36px);line-height:1.12;margin:14px 0;letter-spacing:-.035em}
body #care #deckCard .scene-art{display:block;position:static;align-self:flex-end;flex:none;width:min(100%,248px);height:220px;margin:18px 0 0;transform:none;pointer-events:none}
body .deck-saved .scene-art{display:block;width:128px;height:120px;margin:14px 0 0 auto;pointer-events:none}
.mognu-cutout>svg{display:block;width:100%;height:100%;overflow:visible}
body[data-mode=multiple] .portrait.mognu-cutout,body .setup-portrait.mognu-cutout,body .partner-avatar-art.mognu-cutout{background-image:none!important;clip-path:none!important;border-radius:0;overflow:visible}
body .story-chat-art,body .story-flower-art{display:block;position:absolute;right:12px;bottom:14px;width:46%;height:180px;background:none;clip-path:none;transform:none;pointer-events:none}
body .story-card small{max-width:53%;position:relative;z-index:1}
body .compact-group>.feedback-fold>summary,body .compact-group>.joke-fold>summary,body .compact-group>.approved-jokes>summary{display:flex!important;min-height:48px;align-items:center}
body #openers>p.field-help:first-of-type{display:block;margin:8px 0 18px;line-height:1.45}
@media(max-width:360px){body #care #deckCard{padding:20px}body #care #deckCard .scene-art{height:190px;margin-top:14px}body #care #deckCard h3{font-size:27px}}

body #care #deckCard{touch-action:pan-y pinch-zoom}body #deckSkip{display:none!important}body .partner-avatar-art.mognu-cutout{background-color:transparent}

.next-move{padding:22px;background:#f0e9ff;border-radius:24px;margin:20px 0;color:#29202f}.next-move h2{font-size:25px;line-height:1.15;margin:8px 0 12px}.next-move p{font-size:15px;line-height:1.5}.next-move-actions{display:grid;gap:10px}.next-move .button{width:100%}.next-move[hidden]{display:none!important}#chosenPlan ol{padding-left:22px}#chosenPlan li{margin:12px 0;line-height:1.5}#chosenInvite{padding:18px;background:#eee7fb;border-radius:18px;margin:14px 0;line-height:1.5;user-select:text}#copyChosenInvite{width:100%}#saveApp{margin-top:24px}