/* Life4Moments UX 2. App-only: the public homepage is deliberately unchanged. */
.wow-result{color:#292331;background:linear-gradient(120deg,#f4e8ed,#eee7f5);padding:clamp(22px,4vw,36px)}
.wow-result .eyebrow,.wow-result .subtle{color:#62596a}
.wow-result .text-button{color:#432b50}
.wow-result .btn{background:#432b50;color:#fffdf8;border-color:#432b50}
.wow-result .btn.ghost{background:#fffdf8;color:#432b50;border-color:#84718e}
.wow-result h2{font-size:clamp(26px,4vw,38px);margin:8px 0 20px}
.wow-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:end;margin:0 0 18px}
.wow-grid strong{color:#432b50;font-size:clamp(44px,8vw,76px);line-height:1.05}
.wow-grid>div+div strong{font-size:clamp(26px,4vw,40px)}
.wow-grid span{display:block;color:#62596a;font-size:15px;margin-top:7px}
.wow-result #wow-next{font-weight:650;margin:18px 0 8px;font-size:18px}
.wow-result #wow-birthday{font-size:15px;color:#62596a;margin:8px 0 14px}
.wow-explanation,.wow-more{border-top:1px solid #c4b6cb;margin-top:12px;padding:4px 0}
.wow-result summary{font-size:15px;color:#432b50;font-weight:650}
.wow-result details p{font-size:15px;line-height:1.6}
.wow-result>.actions{margin:14px 0 8px}
.wow-result #wow-close{font-size:15px;margin-top:8px;min-height:44px}
.app-ready .intro{display:none}
.app-tabs{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:16px 0 24px;padding:5px;background:#fffdfb;border:1px solid #b5a3bd;box-shadow:0 4px 18px #432b5015;gap:4px}
.app-tabs button{min-height:48px;padding:10px 6px;font-size:15px;font-weight:600;line-height:1.25;white-space:normal;border-radius:10px;border:2px solid transparent;color:#432b50}
.app-tabs button[aria-pressed=true]{background:#432b50;color:#fffdf8;border-color:#432b50;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.app-tabs button:focus-visible{outline:3px solid #432b50;outline-offset:3px;box-shadow:0 0 0 5px #fffdf8}
.save-preferences{font-size:14px;border-bottom:1px solid #ddd3e2;margin:12px 0;color:#62596a}
.save-preferences>summary{color:#62596a;font-size:14px;min-height:44px;padding:10px 0;cursor:pointer}
.save-preferences .save-strip{margin:8px 0 16px;padding:0;display:block}
.save-preferences .save-strip .subtle{max-width:none;font-size:14px;margin:8px 0}
#notice{font-size:14px;line-height:1.5;margin:12px 0;color:#355b41}
#notice:empty{display:none}
@media(max-width:760px){
 .app-tabs{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -4px 20px #432b501c;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));gap:3px;z-index:100;background:#fffdfb}
 .app-tabs button{min-height:46px;font-size:14px;padding:7px 4px}
 body{padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-top:18px;scroll-padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}
 .app-ready .app-header{margin-bottom:16px}
 .wow-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .wow-grid>div+div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
 .wow-grid>div+div strong{font-size:26px}
 .wow-grid>div+div span{font-size:14px;margin:0}
 .wow-grid>div:first-child strong{font-size:clamp(48px,13vw,68px)}
 .wow-result>.actions>.btn{width:100%}
 .wow-result #wow-next{font-size:17px}
}
@media print{.app-tabs,.save-preferences,.wow-more,.wow-explanation{display:none!important}body{padding-bottom:0}}
