:root{--cream:#FDF6EC;--paper:#FFFDF8;--blush:#F9E0DC;--blush-soft:#FBEAE6;--ink:#5E4A3A;--ink-soft:#8B6F5E;--accent:#E88A9A;--accent-deep:#D96C80;--mint:#BCD9C4;--mint-soft:#E4F0E7;--line:#EAD9C8;--green:#5E8F6E;--red:#C85C6E}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;line-height:1.7;-webkit-text-size-adjust:100%}
a{color:var(--accent-deep);text-decoration:none}
.wrap{max-width:430px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:14px}
.brand{font-size:13px;font-weight:700;color:var(--accent-deep);letter-spacing:.06em}
.top{display:flex;justify-content:space-between;align-items:center}
.top a{font-size:13px;color:var(--ink-soft)}
.label{position:relative;margin-top:10px;background:var(--paper);border-radius:20px;padding:22px 18px 16px;box-shadow:0 4px 16px rgba(139,111,94,.10);display:flex;flex-direction:column;gap:4px}
.label .tag{position:absolute;top:-12px;left:16px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--accent);border-radius:999px;padding:4px 12px}
.label .kicker{font-size:15px;font-weight:700;color:var(--accent-deep)}
.label h1{margin:0;font-size:26px;line-height:1.4}
.hero{display:flex;justify-content:center;margin:-4px 0 -6px}
.hero div{width:210px;height:210px;border-radius:50%;background:var(--blush-soft);display:flex;align-items:center;justify-content:center}
.hero img{width:190px;height:190px;object-fit:contain}
.card{background:var(--paper);border-radius:22px;padding:16px;box-shadow:0 6px 22px rgba(139,111,94,.10);display:flex;flex-direction:column;gap:10px}
.sec{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}
.sec::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--accent)}
.ng,.ok{border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}
.ng{background:var(--blush-soft)}.ok{background:var(--mint-soft)}
.ng svg,.ok svg{flex:0 0 auto;margin-top:3px}
.ng small,.ok small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em}
.ng small{color:var(--red)}.ok small{color:var(--green)}
.ng b,.ok b{font-size:16px;line-height:1.55}
.note{font-size:14px;line-height:1.7}
.kuma{background:var(--blush);border-radius:18px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:14px}
.kuma img{width:56px;height:56px;object-fit:contain;flex:0 0 auto}
.why{background:var(--paper);border:2px solid var(--blush);border-radius:20px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.why b{font-size:13px;color:var(--accent-deep)}
.btn{display:block;width:100%;text-align:center;background:var(--accent);color:#fff;font-weight:700;font-size:17px;border-radius:999px;padding:16px;border:0;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(217,108,128,.28)}
.link{display:block;text-align:center;font-size:13px;color:var(--ink-soft);text-decoration:underline}
.foot{margin-top:auto;text-align:center;font-size:12px;color:var(--ink-soft)}
/* 質問 */
.qhead{display:flex;gap:10px;align-items:flex-end}
.qhead .t{flex:1;display:flex;flex-direction:column;gap:2px}
.qhead .t .kicker{font-size:15px;font-weight:700;color:var(--accent-deep)}
.qhead h2{margin:0;font-size:24px;line-height:1.4}
.qhead .bub{display:flex;gap:6px;align-items:flex-end}
.qhead .bub span{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:6px 10px;font-size:12px;color:var(--ink-soft);margin-bottom:10px}
.qhead .bub img{width:64px;height:64px;object-fit:contain}
.q{background:var(--paper);border-radius:18px;padding:14px 16px 12px;box-shadow:0 4px 14px rgba(139,111,94,.08);display:flex;flex-direction:column;gap:10px}
.q .n{font-size:12px;font-weight:700;color:var(--accent-deep)}
.q .text{font-size:16px;font-weight:700;line-height:1.6}
.scale{display:flex;justify-content:space-between}
.scale button{width:46px;height:46px;border-radius:50%;border:1.5px solid #D9C8B8;background:var(--paper);color:var(--ink-soft);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.scale button[aria-pressed="true"]{border:2.5px solid var(--accent);background:var(--accent);color:#fff}
.ends{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft)}
/* 結果 */
.rkick{text-align:center;font-size:13px;color:var(--ink-soft)}
.rhead{margin:0;text-align:center;font-size:26px;line-height:1.4;color:var(--accent-deep)}
.trait .hd{display:flex;align-items:center;gap:10px}
.trait .hd .ic{background:var(--blush-soft);border-radius:10px;padding:7px;display:flex}
.trait .hd .nm{flex:1;font-size:15px;font-weight:700}
.trait .hd .lv{font-size:13px;font-weight:700;color:var(--accent-deep);background:var(--blush-soft);border:1px solid var(--blush);border-radius:999px;padding:4px 12px}
.trait hr{border:0;height:1px;background:var(--line);margin:0}
.trait .sub{font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:4px}
.trait .obs{display:flex;gap:8px;font-size:14px}.trait .obs i{color:var(--accent);font-style:normal}
.cta{background:var(--paper);border:2px solid var(--blush);border-radius:24px;padding:18px 16px 16px;box-shadow:0 8px 28px rgba(217,108,128,.14);display:flex;flex-direction:column;gap:12px}
.cta .k{text-align:center;font-size:13px;color:var(--ink-soft)}
.near{display:flex;justify-content:center;gap:18px}
.near div{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;line-height:1.3;text-align:center;font-weight:700}
.near img{width:72px;height:72px;object-fit:contain}
.rest{display:flex;justify-content:center;gap:5px}.rest img{width:34px;height:34px;object-fit:contain;opacity:.3}
.cta .big{text-align:center;font-size:17px;font-weight:700;line-height:1.5}.cta .big span{color:var(--accent-deep)}
.ben{display:flex;flex-direction:column;gap:6px;padding:0 6px}.ben div{display:flex;gap:8px;align-items:center;font-size:14px}.ben div::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}
.small{text-align:center;font-size:12px;color:var(--ink-soft)}
[hidden]{display:none!important}