/* Third-page presentation only. Artwork keeps its aspect ratio; all data stays in HTML. */
body.result-mode:has(#planner:not([hidden])){background:#f4efeb;color:#463653;font-family:LunaPageOne,"Microsoft YaHei",serif}
body.result-mode:has(#planner:not([hidden])) .app{max-width:760px;padding:23px 13px 22px;background:#fffdf9;position:relative;isolation:isolate}
body.result-mode:has(#planner:not([hidden])) .header{padding:3px 5px 15px;min-height:62px;align-items:center;gap:6px;background:none}
body.result-mode:has(#planner:not([hidden])) .header:after{content:none}
body.result-mode:has(#planner:not([hidden])) .brand-name{font-family:LunaPageOne,serif;font-size:24px;line-height:1.4;font-weight:700;letter-spacing:1px;color:#511564}
body.result-mode:has(#planner:not([hidden])) .brand-sub{font-size:6px;letter-spacing:2px;margin-top:4px;color:#8d7b9b}
body.result-mode:has(#planner:not([hidden])) .settings-menu{font-size:11px;flex:none;z-index:10}
body.result-mode:has(#planner:not([hidden])) .steps{gap:0;margin-bottom:10px}
body.result-mode:has(#planner:not([hidden])) .step{font-family:LunaPageOne,serif;font-size:14px;min-height:43px;padding:8px 0}
body.result-mode:has(#planner:not([hidden])) .step span{font-size:19px;margin-right:6px}
body.result-mode:has(#planner:not([hidden])) #panel-2>.panel-head{margin:0 0 8px;min-height:0}
body.result-mode:has(#planner:not([hidden])) #panel-2>.panel-head button{font-size:11px;min-height:30px;padding:4px 11px}
body.result-mode:has(#planner:not([hidden])) .result-hero{min-height:198px;padding:16px!important;margin:0 0 12px;border:1px solid #ccb28c!important;outline:none;border-radius:18px;background-color:#28183c!important;background-image:linear-gradient(90deg,#23143755,transparent 75%),url("./assets/lunawish-page3-assets-v0.2/01_hero_star_planet_bg.webp")!important;background-size:auto 100%!important;background-position:right center!important;background-repeat:no-repeat!important;box-shadow:0 3px 9px #7253541c!important}
body.result-mode:has(#planner:not([hidden])) .result-hero:before,body.result-mode:has(#planner:not([hidden])) .result-hero:after{content:none!important}
body.result-mode:has(#planner:not([hidden])) .result-state{font-family:LunaPageOne,serif;font-size:12px!important;padding:6px 11px!important;max-width:100%;background:#fff0d2!important;color:#624957!important}
body.result-mode:has(#planner:not([hidden])) .result-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);width:72%;max-width:72%;margin:17px 0 0;gap:0}
body.result-mode:has(#planner:not([hidden])) .hero-primary,body.result-mode:has(#planner:not([hidden])) .hero-secondary{min-width:0}
body.result-mode:has(#planner:not([hidden])) .hero-secondary{padding-left:12px;border-color:#dfc79770}
body.result-mode:has(#planner:not([hidden])) .hero-label{font-family:LunaPageOne,serif;font-size:12px!important;line-height:1.5;color:#fff2e9;margin:0}
body.result-mode:has(#planner:not([hidden])) .hero-date{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:9px!important;line-height:1.6;color:#e9dce9;margin:0 0 4px}
body.result-mode:has(#planner:not([hidden])) .hero-number{gap:4px;margin-top:3px;flex-wrap:wrap}
body.result-mode:has(#planner:not([hidden])) .hero-number strong{font-family:Georgia,serif;font-size:56px!important;line-height:1.03;color:#fff1d8;text-shadow:0 0 8px #f6d5a524;letter-spacing:-2px}
body.result-mode:has(#planner:not([hidden])) .hero-secondary .hero-number strong{font-size:42px!important}
body.result-mode:has(#planner:not([hidden])) .hero-number span{font-size:12px;color:#fff0e7}
body.result-mode:has(#planner:not([hidden])) .hero-number strong.long-number{font-size:30px!important;overflow-wrap:anywhere}
body.result-mode:has(#planner:not([hidden])) .hero-note{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:10px!important;line-height:1.6;margin:12px 0 0;padding:5px 8px;max-width:100%;width:fit-content;background:#291b3bb8;color:#f6eaf2}
body.result-mode:has(#planner:not([hidden])) .result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 18px}
body.result-mode:has(#planner:not([hidden])) .result-stat{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;align-content:center;gap:6px 3px;min-height:83px;padding:10px 7px!important;border:1px solid #dfcdb5!important;border-radius:13px;background:#fffcf8!important;box-shadow:0 2px 6px #74546c0b}
body.result-mode:has(#planner:not([hidden])) .result-stat:nth-child(2){background:#f5eff9!important}
body.result-mode:has(#planner:not([hidden])) .result-stat>svg{display:block;grid-column:1;grid-row:1;width:19px;height:19px;padding:2px;margin:0;background:#f4e8d9;color:#674071;box-sizing:content-box}
body.result-mode:has(#planner:not([hidden])) .result-stat>span{font-family:LunaPageOne,serif;font-size:10px!important;line-height:1.5;color:#46305f;max-width:100%;grid-column:2;grid-row:1;white-space:nowrap;word-break:normal;overflow-wrap:normal}
body.result-mode:has(#planner:not([hidden])) .result-stat>div{grid-column:1/-1;grid-row:2;margin:0;text-align:center;min-width:0;line-height:1.2}
body.result-mode:has(#planner:not([hidden])) .result-stat strong{font-family:Georgia,serif;font-size:30px!important;color:#3d215c;line-height:1.15}
body.result-mode:has(#planner:not([hidden])) .result-stat small{font-size:10px}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-words{font-family:LunaPageOne,serif;font-style:normal;font-size:15px!important;line-height:2.1}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-long{font-size:20px!important;overflow-wrap:anywhere}
body.result-mode:has(#planner:not([hidden])) .wish-list-heading{font-family:LunaPageOne,serif;font-size:19px;font-weight:700;margin:18px 0 10px;align-items:center;gap:9px;color:#432558}
body.result-mode:has(#planner:not([hidden])) .wish-list-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#d9bd98,transparent)}
body.result-mode:has(#planner:not([hidden])) .wish-list-heading small{order:2;font-family:Georgia,serif;font-size:8px;letter-spacing:1px;color:#a08bac;white-space:nowrap}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool{padding:0 15px!important;margin:12px 0;border:1px solid #ddc4a3!important;border-radius:17px!important;background-color:#fffdf9!important;background-image:url("./assets/lunawish-page3-assets-v0.2/05_wish_card_bg_a.webp")!important;background-size:100% auto!important;background-position:right bottom!important;background-repeat:no-repeat!important;box-shadow:0 3px 8px #84667510!important;overflow:hidden}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool:nth-of-type(even){background-image:url("./assets/lunawish-page3-assets-v0.2/06_wish_card_bg_b.webp")!important}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool:before,body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool:after{content:none!important}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:5px 8px;min-height:174px;padding:16px 0 38px!important;list-style:none}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool>summary::-webkit-details-marker{display:none}
body.result-mode:has(#planner:not([hidden])) #panel-2 .wish-index{font-family:LunaPageOne,serif;font-size:13px;line-height:24px;min-height:26px;padding-right:0;margin:0 0 9px;grid-area:1/1;color:#b68d5e}
body.result-mode:has(#planner:not([hidden])) #panel-2 .wish-name{font-family:LunaPageOne,serif;font-size:27px;font-weight:600;line-height:1.4;color:#422256;grid-area:2/1/3/3;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e8ddcf;overflow-wrap:anywhere}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name small{font-family:LunaPageOne,serif;font-size:12px;line-height:1.8;grid-column:1/-1;margin-top:5px;gap:6px;color:#463653;flex-wrap:wrap}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name small>span:last-child{min-width:0;overflow-wrap:anywhere;flex:1 1 100px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name small svg{width:16px;height:16px;flex:0 0 16px;color:#b28b60;margin-top:3px}
body.result-mode:has(#planner:not([hidden])) .wish-row-label{color:#867591;flex:none}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status>span{font-family:LunaPageOne,serif;position:static;grid-area:1/2;justify-self:end;max-width:100%;min-width:0;font-size:15px;line-height:1.4;padding:7px 11px;color:#98596f;background:#faedf1;box-shadow:0 2px 7px #ab7c8c1a;overflow-wrap:anywhere}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status.pool-enough>span{color:#9b7954;background:#faf1e3}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status small{bottom:12px;right:0;font-family:LunaPageOne,serif;font-size:12px;color:#573567}
body.result-mode:has(#planner:not([hidden])) .result-pool-body{background:#fffdf9;padding-top:10px;padding-bottom:14px}
body.result-mode:has(#planner:not([hidden])) .result-signature{font-family:LunaPageOne,serif;min-height:75px!important;margin:12px 0!important;padding:22px 0!important;background:#fffdf9 url("./assets/lunawish-page3-assets-v0.2/15_footer_cloud_bg.webp") center bottom/100% auto no-repeat!important;color:#6b557a;font-size:12px!important}
body.result-mode:has(#planner:not([hidden])) .result-details,body.result-mode:has(#planner:not([hidden])) .footer{font-family:Arial,"Microsoft YaHei",sans-serif}

/* Page-three polish: existing artwork, presentation only. */
body.result-mode:has(#planner:not([hidden])) .app:before{content:'';position:absolute;inset:0 0 auto;height:clamp(135px,33vw,245px);z-index:-1;pointer-events:none;background:url('./assets/lunawish-page1-assets/page-top-stars-v2.webp') center top/100% auto no-repeat;opacity:.65;mask-image:linear-gradient(#000 35%,transparent 100%)}
body.result-mode:has(#planner:not([hidden])) .result-hero{min-height:188px;padding:15px 14px 10px!important;background-size:auto 100%!important;background-position:right center!important;box-shadow:0 3px 10px #72535425,inset 0 0 0 2px #f0d6a84a!important}
body.result-mode:has(#planner:not([hidden])) .result-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);width:70%;max-width:70%;margin-top:17px;align-items:end}
body.result-mode:has(#planner:not([hidden])) .hero-number{flex-wrap:nowrap}
body.result-mode:has(#planner:not([hidden])) .hero-number strong{font-size:62px!important;letter-spacing:-3px}
body.result-mode:has(#planner:not([hidden])) .hero-secondary .hero-number strong{font-size:46px!important}
body.result-mode:has(#planner:not([hidden])) .hero-secondary{padding-left:14px}
body.result-mode:has(#planner:not([hidden])) .hero-number span{font-size:12px}
body.result-mode:has(#planner:not([hidden])) .hero-note{margin-top:10px;border:1px solid #edcfac26;border-radius:20px;padding:4px 8px;background:#291b3bba;font-size:9px!important;max-width:94%}
body.result-mode:has(#planner:not([hidden])) .result-stat{gap:5px 3px;padding:8px 6px!important;min-height:76px;border-color:#d7bb95!important;background:radial-gradient(ellipse at 12% 4%,#f0e6f6a6,transparent 60%),linear-gradient(135deg,#fffefa,#fff8ef 55%,#f1e8f6)!important;box-shadow:inset 0 0 0 2px #fffaf5,0 2px 7px #76506e0d}
body.result-mode:has(#planner:not([hidden])) .result-stat:nth-child(2){background:radial-gradient(ellipse at 85% 15%,#fff7e8,transparent 55%),linear-gradient(135deg,#eae0f6,#fcf9fc 70%,#f4e7d8)!important}
body.result-mode:has(#planner:not([hidden])) .result-stat:after{content:'✧';position:absolute;right:4px;top:2px;color:#d7b578;font-size:10px;opacity:.7;pointer-events:none}
body.result-mode:has(#planner:not([hidden])) .result-stat>svg{background:radial-gradient(circle at 30% 20%,#fffdf7,#eee2da 70%,#e1cde9);border-radius:50%;color:#593879;box-shadow:0 0 8px #f6e7d68c}
body.result-mode:has(#planner:not([hidden])) .result-stat strong{font-size:32px!important;color:#3d1759;letter-spacing:-1px}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-words{letter-spacing:0}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool{background-size:auto 100%!important;background-position:right center!important;box-shadow:inset 0 0 0 2px #fff6e7,0 2px 7px #85604f20!important;border-color:#d6b080!important}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool>summary{min-height:150px;padding:10px 0 30px!important;gap:0 7px;align-content:start}
body.result-mode:has(#planner:not([hidden])) #panel-2 .wish-index{margin:0 0 2px;line-height:26px;min-height:26px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .wish-name{font-size:25px;line-height:1.4;margin:0 0 4px;padding-bottom:7px;border-color:#e7d7c47a}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name small{font-size:11px;gap:6px;line-height:1.7;margin-top:5px;flex-wrap:nowrap}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name small>span:last-child{flex:1 1 0}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status>span{font-size:14px;padding:4px 10px;border:1px solid #fffaf599;background:linear-gradient(135deg,#fff8f9,#f7e6ed);box-shadow:0 2px 8px #ab7c8c33}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status.pool-enough>span{background:linear-gradient(135deg,#fffdf4,#f4e6d5);color:#a17b54}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status small{bottom:9px;font-size:11px}
body.result-mode:has(#planner:not([hidden])) .result-pool-body{background:#fffdf9d9;border-radius:10px;padding:12px 8px}
body.result-mode:has(#planner:not([hidden])) .result-signature{background:none!important;isolation:isolate;min-height:62px!important;margin:8px 0!important;padding:20px 0!important}
body.result-mode:has(#planner:not([hidden])) .result-signature:before{content:''!important;position:absolute;inset:0 -10px;z-index:-1;pointer-events:none;background:url('./assets/lunawish-page3-assets-v0.2/15_footer_cloud_bg.webp') center bottom/100% auto no-repeat;opacity:.28;mask-image:linear-gradient(transparent,#000 85%)}

body.result-mode:has(#planner:not([hidden])) .result-hero{background-position:58% center!important}
body.result-mode:has(#planner:not([hidden])) .hero-number strong.medium-number{font-size:48px!important;letter-spacing:-2px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool:before{content:''!important;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,#fffdf9ed,#fffdf9a8 52%,#fffdf91c)}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-long{font-size:20px!important;letter-spacing:-1px}

@media(max-width:359px){
body.result-mode:has(#planner:not([hidden])) .result-stat{grid-template-columns:18px minmax(0,1fr);gap:5px 2px;padding:8px 4px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat>svg{width:15px;height:15px;padding:1px}
body.result-mode:has(#planner:not([hidden])) .result-stat>span{font-size:9px!important;letter-spacing:-.3px}
body.result-mode:has(#planner:not([hidden])) .result-stat strong{font-size:27px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-long{font-size:17px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-words{font-size:13px!important}
body.result-mode:has(#planner:not([hidden])) .hero-number strong{font-size:52px!important}
body.result-mode:has(#planner:not([hidden])) .hero-secondary .hero-number strong{font-size:40px!important}
body.result-mode:has(#planner:not([hidden])) .hero-secondary{padding-left:9px}
body.result-mode:has(#planner:not([hidden])) .hero-number strong.medium-number{font-size:40px!important}
body.result-mode:has(#planner:not([hidden])) .hero-label{font-size:10px!important}
body.result-mode:has(#planner:not([hidden])) .hero-date{font-size:8px!important}
}

@media(min-width:700px){
body.result-mode:has(#planner:not([hidden])) .app{padding:28px 28px;max-width:760px}
body.result-mode:has(#planner:not([hidden])) .brand-name{font-size:30px}
body.result-mode:has(#planner:not([hidden])) .brand-sub{font-size:8px}
body.result-mode:has(#planner:not([hidden])) .step{font-size:18px}
body.result-mode:has(#planner:not([hidden])) .result-hero{min-height:265px;padding:24px!important}
body.result-mode:has(#planner:not([hidden])) .result-state{font-size:15px!important}
body.result-mode:has(#planner:not([hidden])) .hero-label{font-size:17px!important}
body.result-mode:has(#planner:not([hidden])) .hero-date{font-size:12px!important}
body.result-mode:has(#planner:not([hidden])) .hero-number strong{font-size:82px!important}
body.result-mode:has(#planner:not([hidden])) .hero-secondary .hero-number strong{font-size:62px!important}
body.result-mode:has(#planner:not([hidden])) .hero-number strong.medium-number{font-size:72px!important}
body.result-mode:has(#planner:not([hidden])) .hero-note{font-size:13px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat{min-height:108px;grid-template-columns:30px minmax(0,1fr);padding:14px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat>span{font-size:14px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat strong{font-size:39px!important}
body.result-mode:has(#planner:not([hidden])) .result-stat strong.stat-words{font-size:20px!important}
body.result-mode:has(#planner:not([hidden])) .wish-list-heading{font-size:25px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool{padding:0 24px!important}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool>summary{min-height:210px;padding-top:20px!important}
body.result-mode:has(#planner:not([hidden])) #panel-2 .wish-index{font-size:17px;padding-right:0;min-height:32px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .wish-name{font-size:34px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name small{font-size:16px}
body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status>span{font-size:20px;top:15px}
}

body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-name,body.result-mode:has(#planner:not([hidden])) #panel-2 .result-pool-status{display:contents}