:root{color-scheme:dark;--bg:#161218;--paper:#201a23;--pink:#f1b0cb;--muted:#bbaaba;--line:#463447;--white:#fff1f6;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}header{max-width:1120px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:14px;letter-spacing:2px;text-decoration:none;font-weight:700}.brand span{display:block;font-size:10px;letter-spacing:4px;margin-top:5px;color:var(--muted)}.edition{font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1040px;margin:auto;padding:12px 24px 44px;min-height:650px}.intro{position:relative;isolation:isolate;border:1px solid var(--line);min-height:625px;overflow:hidden;background:#1e1820 url('/love-test/assets/mood.png') center 60%/cover}.intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#161218f2 0%,#161218b8 48%,#16121825 100%)}.intro-content{padding:58px;max-width:660px}.kicker{font-size:12px;letter-spacing:3px;color:var(--pink);margin:0 0 30px}.jp{font-family:serif;font-size:14px;letter-spacing:5px;color:#dbc7d3;margin:0 0 16px}h1{font-size:70px;line-height:1.13;letter-spacing:-3px;margin:0 0 24px;font-weight:750}h1 i{font-family:Georgia,serif;font-size:39px;font-weight:400;letter-spacing:0;color:var(--pink);margin:0 12px}h1 span{display:block}h1 .soft{font-family:serif;font-weight:500;color:var(--pink);margin:12px 0 0 65px}p{line-height:1.8;word-break:keep-all}.lead{font-size:16px;color:#dfd0dc;margin:30px 0}.primary{border:1px solid var(--pink);background:var(--pink);color:#291824;font-weight:750;padding:18px 24px;min-height:57px;transition:background .2s;width:100%;font-size:16px}.primary:hover{background:#ffd0e4}.intro .primary{max-width:380px;text-align:left;display:flex;justify-content:space-between}.small{font-size:12px;line-height:1.7;color:var(--muted)}.intro .small{margin-top:18px}.ribbon-label{position:absolute;right:28px;bottom:24px;font-family:Georgia,serif;font-style:italic;font-size:24px;letter-spacing:1px;color:#f0c9d8}.disclaimer{max-width:660px;margin:22px auto 0;text-align:center;font-size:12px;color:var(--muted);line-height:1.8}.quiz{max-width:650px;margin:30px auto}.progress-line{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:var(--muted)}.progress-line strong{font-family:Georgia,serif;color:var(--pink);font-size:22px;font-weight:400}.progress-track{height:2px;background:var(--line);margin:16px 0 38px}.progress-track div{background:var(--pink);height:100%;transition:width .25s}.scene{font-family:Georgia,serif;font-style:italic;color:var(--pink);font-size:20px;margin:0 0 16px}.quiz h1{font-size:32px;line-height:1.55;letter-spacing:-1px;word-break:keep-all;margin-bottom:26px}.options{display:grid;gap:12px}.option{padding:19px 20px;border:1px solid var(--line);background:#211a23;color:var(--white);text-align:left;line-height:1.7;font-size:16px;display:flex;gap:16px;align-items:center}.option .letter{font-family:Georgia,serif;font-style:italic;color:#b998ae;font-size:20px;width:22px;flex-shrink:0}.option:hover,.option.selected{border-color:var(--pink);background:#352532}.option.selected .letter{color:var(--pink)}.qnav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.secondary{background:none;border:1px solid var(--line);color:#ddc8d8;padding:14px 18px;font-size:14px;min-height:48px}.qnav .primary{width:180px}.primary:disabled,.secondary:disabled{opacity:.35;cursor:default}.result{max-width:670px;margin:25px auto}.result-card{border:1px solid #785268;background:linear-gradient(145deg,#33212d,#211923 60%);position:relative;padding:40px}.result-card:before{content:'';position:absolute;inset:9px;border:1px solid #604354;pointer-events:none}.result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;font-size:11px;letter-spacing:2px;color:var(--pink)}.result h1{font-size:40px;line-height:1.4;letter-spacing:-1.5px;margin:18px 0}.result .quote{font-size:17px;color:#f5bfd5;margin:0 0 24px}.result .desc{font-size:16px;color:#e1d1dc}.score-box{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.score-labels{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#e3c3d5}.score-labels b{display:block;font-family:Georgia,serif;font-size:33px;font-weight:400;color:var(--pink);margin-top:6px}.score-labels>div:last-child{text-align:right}.meter{display:flex;height:8px;background:#6f5674;margin:18px 0 8px}.meter span{display:block;background:var(--pink)}.score-note{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.detail{margin:25px 0}.detail h2{font-size:12px;letter-spacing:1px;color:var(--pink);margin:0 0 8px}.detail p{font-size:15px;color:#e3d0de;margin:0}.signature{font-size:10px;color:#bc99af;margin:28px 0 0;text-align:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.actions .primary{grid-column:1/-1}.status{font-size:13px;color:var(--pink);text-align:center;min-height:20px}.fallback{width:100%;min-height:130px;background:#201a23;color:white;border:1px solid var(--line);padding:12px;font:inherit}footer{max-width:992px;margin:0 auto;padding:28px 24px 38px;border-top:1px solid var(--line);text-align:center}.foot-title{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#d6a7bd;margin:0 0 22px}footer nav{display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap}footer a{font-size:12px;text-decoration:none;color:#cfb9c9}footer a:hover{text-decoration:underline}.legal{display:flex;justify-content:center;gap:20px;margin:20px 0 16px}.legal button{border:0;background:none;color:var(--muted);font-size:12px;padding:0}footer small{font-size:10px;color:#a48b9d}dialog{width:min(90vw,650px);max-height:85vh;border:1px solid #7c526b;background:#211a23;color:var(--white);padding:34px;line-height:1.9}dialog::backdrop{background:#000b}.close{position:sticky;float:right;top:0;font-size:25px;border:0;background:#211a23;color:var(--pink);width:36px;height:36px}dialog h2{font-size:23px;color:var(--pink)}dialog h3{font-size:17px;margin-top:24px}dialog p,dialog li{font-size:14px;color:#dfd0dc}button:focus-visible,a:focus-visible{outline:3px solid #ffe1ef;outline-offset:4px}@media(max-width:650px){header{padding:24px 20px}.edition{font-size:8px;letter-spacing:1px}.brand{font-size:12px}main{padding:4px 16px 32px;min-height:0}.intro{min-height:660px;background-position:60% center}.intro:before{background:linear-gradient(180deg,#161218cc 0%,#161218a8 55%,#16121842 100%)}.intro-content{padding:34px 25px}.kicker{font-size:10px;margin-bottom:34px}h1{font-size:60px}h1 .soft{margin-left:60px}.lead{font-size:15px;max-width:300px;margin:26px 0}.intro .primary{margin-top:26px}.ribbon-label{font-size:20px;bottom:24px}.quiz{margin:22px 6px}.quiz h1{font-size:26px}.option{padding:16px;font-size:15px}.result-card{padding:30px 25px}.result h1{font-size:33px}.result-card:before{inset:7px}.result-top{font-size:9px;letter-spacing:1px}.score-labels{font-size:12px}.score-labels b{font-size:29px}.result .quote{font-size:16px}.disclaimer{padding:0 8px;font-size:11px}.signature{font-size:9px}footer nav{flex-direction:column;gap:12px}dialog{padding:25px}.qnav .primary{width:160px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.save-result{grid-column:1/-1;text-align:center;text-decoration:none}.save-result:hover{border-color:var(--pink)}