/* Result presentation: real values, no claims about another person's feelings. */
body.result-view{background:#0d0b12;color:#fff5f8;overflow-x:visible}
body.result-view:before,body.result-view:after,.result-view>.home-brand{display:none}
#result{width:min(100%,480px);margin:auto;padding:20px 22px max(24px,env(safe-area-inset-bottom));min-height:100svh;position:relative;isolation:isolate;background:#130c16}
#result:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:310px;pointer-events:none;background:linear-gradient(0deg,#130c16,transparent 30%),url('assets/ui/result-scene-v1.webp') center top / 100% auto no-repeat}
#result:after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:160px;pointer-events:none;background:linear-gradient(#130c16,transparent 75%),url('assets/ui/result-scene-v1.webp') center bottom / 100% auto no-repeat;opacity:.55}
.result-brand{display:grid;grid-template-columns:40px 1fr 76px;gap:6px;align-items:center}
.result-brand>div{text-align:center}.result-brand strong{font:26px/1.4 'KaiTi','STKaiti',serif;color:#ffc6b6;white-space:nowrap}.result-brand strong span{color:#ffabc4;font-size:22px;margin-left:3px}.result-brand small{display:block;font-size:11px;letter-spacing:1px;color:#ead2de}
.result-back,.result-again{min-height:44px;border:1px solid #c68caa80;border-radius:999px;background:#211321c9;color:#ffe6f1;cursor:pointer}.result-back{font-size:30px;padding:0}.result-again{font-size:12px;padding:8px}
.result-hero{min-height:172px;padding:12px 8px 10px}
.result-kicker{display:inline-block;font-size:11px;letter-spacing:1px;border:1px solid #ff91b780;border-radius:999px;background:#612639b3;color:#ffd4e0;padding:5px 10px}
#resultTitle{font-size:24px;line-height:1.25;font-weight:750;letter-spacing:1px;margin:9px 0 7px;text-shadow:0 2px 10px #0009}
#resultTitle em{font-style:normal;font-size:30px;color:#ff8eb9}
#resultIntro{font-size:12px;line-height:1.75;color:#f5dfea;text-shadow:0 1px 7px #000;margin:0}
#resultMode{display:inline-block;font-size:10px;color:#f7cfdf;margin-top:8px;background:#231321ad;padding:3px 7px;border-radius:8px}
.result-score{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:center;padding:16px 14px;border:1px solid #c578a47d;border-radius:18px;background:linear-gradient(135deg,#341c2de8,#170f1de8);box-shadow:0 6px 22px #0004}
.result-ring{--score:0;width:116px;height:116px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(from -25deg,#ff96b9 0%,#f13787 calc(var(--score)*1%),#693447 calc(var(--score)*1%),#693447 100%);box-shadow:0 0 17px #ff4c921c}
.result-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#20121f}.result-ring>div{position:relative;text-align:center}.result-ring strong{font-size:38px;line-height:1.1;color:#fff3f7}.result-ring small{display:block;font-size:11px;color:#edc2d7;margin-top:6px}
.result-bars{display:grid;gap:13px;min-width:0}.result-bar-row{display:grid;grid-template-columns:1fr 26px;gap:5px 6px;align-items:center;color:#f6ddeb;font-size:11px}.result-bar-row>span{grid-column:1}.result-bar-row>b{grid-column:2;grid-row:1 / 3;font-size:15px;text-align:right;font-variant-numeric:tabular-nums}.result-bar{grid-column:1;height:7px;overflow:hidden;border-radius:999px;background:#553345;border:1px solid #a575913f}.result-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b258e9,#f3a0fa)}.result-bar-row:nth-child(2) i{background:linear-gradient(90deg,#ffb48c,#fa85ac)}.result-bar-row:nth-child(3) i{background:linear-gradient(90deg,#fd669b,#ffc4d6)}
.result-summary{border:1px solid #ffd1dc;border-radius:14px;background:linear-gradient(110deg,#ffd0c1,#f89bbe);color:#48142c;font-size:13px;font-weight:600;line-height:1.7;margin:12px 0;padding:13px 15px;box-shadow:inset 0 1px 4px #fff9}
.result-detail{margin:12px 0;padding:16px;border:1px solid #b36b9275;border-radius:18px;background:linear-gradient(130deg,#2b1826ed,#160f1bea)}
.result-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-section-head h2{font-size:17px;line-height:1.5;margin:0;color:#fff1f6}.result-section-head>span{font-size:10px;padding:4px 8px;border:1px solid #a86a8670;border-radius:999px;color:#ebbad1;white-space:nowrap}
#answerOverview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;font-size:12px;line-height:1.5}#answerOverview dt{color:#d4b8c9}#answerOverview dd{text-align:right;margin:0;color:#ffe0ed}.result-detail-note{color:#c8aebe;font-size:11px;line-height:1.7;margin:0;border-top:1px solid #ad79922e;padding-top:10px}
.result-detail ul{padding:0;list-style:none;margin:12px 0 0}.result-detail li{position:relative;padding-left:21px;font-size:13px;line-height:1.75;color:#e9cddd;margin:8px 0}.result-detail li:before{content:'✓';position:absolute;left:0;top:4px;width:15px;height:15px;line-height:15px;text-align:center;border-radius:50%;background:#f994bb;color:#43142d;font-size:11px;font-weight:700}
.result-report{margin:16px 0 12px}.result-report>button{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 16px;border-radius:24px;border:1px solid #ffc4d5;background:linear-gradient(110deg,#ffcfb9,#f991ba 55%,#ed699f);box-shadow:inset 0 2px 5px #fff8;color:#42122a;text-align:left;opacity:1;cursor:not-allowed}.report-diamond{font-size:37px;line-height:1;width:43px;text-align:center}.result-report strong{display:block;font-size:18px;line-height:1.5}.result-report small{display:block;font-size:11px;margin-top:3px}.result-report p{font-size:11px;color:#dec0d0;text-align:center;line-height:1.7;margin:8px 0 0}
.result-copy{display:block;width:100%;min-height:48px;padding:10px;border:1px solid #cb91b28c;border-radius:999px;background:#221321c9;color:#f2cddf;cursor:pointer;font-size:11px;line-height:1.6}.result-copy b{font-weight:500;white-space:nowrap;font-size:11px;margin-left:6px;user-select:text}
.result-disclaimer{font-size:11px;color:#d3b9c9;line-height:1.8;text-align:center;margin:16px 6px 0}.result-signature{font:italic 23px/1.6 'KaiTi','STKaiti',serif;color:#ffa3c3;text-align:center;margin:12px 0 0}
#resultMissing{padding:20px;margin:18px 0;border:1px solid #c578a4;border-radius:18px;background:#281525;color:#f5d7e6;line-height:1.8}#resultMissing[hidden],#resultContent[hidden]{display:none}
#result button:focus-visible{outline:3px solid #ffb2cc;outline-offset:3px}
@media(max-width:350px){#result{padding:16px 16px 24px}.result-brand{grid-template-columns:40px 1fr 64px;gap:3px}.result-brand strong{font-size:23px}.result-brand small{font-size:10px}.result-again{font-size:11px}.result-score{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px 10px}.result-ring{width:100px;height:100px}.result-ring strong{font-size:34px}.result-section-head h2{font-size:16px}.result-detail{padding:14px}.result-copy b{display:block;margin-left:0}}
/* Compact rhythm follows the reference while retaining readable real content. */
.result-score{padding:12px 14px}
.result-summary{padding:10px 13px;margin:10px 0;font-size:12px}
.result-detail{padding:12px 14px;margin:10px 0}
#answerOverview{gap:6px;margin:10px 0}
.result-detail-note{padding-top:8px}
.result-detail ul{margin-top:8px}.result-detail li{font-size:12px;line-height:1.65;margin:6px 0}
.result-report{margin-top:12px}.result-report>button{min-height:64px;padding:10px 14px}
.result-copy b{white-space:normal;overflow-wrap:anywhere}