:root{--ink:#643883;--muted:#8b7298;--paper:#fffdf6;--line:#e7d6ef;--lime:#fff18c;--green:#a475c8;--pink:#ed78b1;--mint:#caeee3}body{background-color:#f3fcf6;background-image:radial-gradient(ellipse at 5% 5%,#c5efe6 0,transparent 38%),radial-gradient(ellipse at 96% 35%,#f4e4ff 0,transparent 33%),radial-gradient(#d2eae0 1px,transparent 1px);background-size:100% 100%,100% 100%,22px 22px;font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;color:var(--ink)}.header{margin-top:18px;max-width:1060px;background:#fffef9ed;border:2px solid #ead9ef;border-radius:24px;padding:12px 24px;box-shadow:0 5px 0 #e8dded80}.brand{font-weight:900;font-size:18px;letter-spacing:1px;gap:8px}.brand-mascot{width:43px;height:43px;object-fit:contain}.beta{color:#967ab1;background:#f4eafd;border-radius:9px}.header .text-button{background:#f2e5fa;border:1px solid #e3c9f1;border-radius:30px;font-weight:700;padding:7px 15px;color:#805698}.header .text-button span{margin-left:7px}main{max-width:1040px}.questionnaire{max-width:860px;margin:32px auto 65px}.questionnaire-heading{position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:12px;background:linear-gradient(135deg,#fffff7 25%,#fff9dd 70%,#f8edf9);border:3px solid white;outline:1px solid #e2ecdc;box-shadow:0 8px 0 #cae6db80,0 18px 35px #adc5bd20;border-radius:35px;padding:35px 30px;margin-bottom:28px}.questionnaire-heading:before{content:'✦';position:absolute;color:#f8d658;font-size:26px;top:17px;right:20px}.questionnaire-heading .eyebrow{letter-spacing:1px;font-size:12px;margin-bottom:14px;color:#9471b0}.questionnaire-heading h1{font-size:34px;line-height:1.5;font-weight:900;color:#724390;letter-spacing:.015em;text-shadow:2px 2px 0 #fff}.questionnaire-heading h1>span:first-child{font-size:25px;display:inline-block;background:linear-gradient(transparent 65%,#cdf2e6 65%)}.title-pink{color:#e66ba5}.questionnaire-heading .question-hint{font-size:13px;line-height:1.9;margin:16px 0;color:#846394}.hero-meta{gap:7px;flex-wrap:wrap;margin:0!important}.hero-meta span{background:#fff;border:1px solid #e6d8ec;border-radius:20px;padding:2px 12px;font-size:10px;color:#866496;font-weight:700}.hero-meta span+span:before{display:none}.mascot-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:270px}.mascot-scene img{width:220px;height:220px;object-fit:contain;position:relative;z-index:1;transform:rotate(7deg);filter:drop-shadow(0 5px 0 #fff)}.mascot-bubble{position:relative;z-index:2;background:#fff;border:2px solid #ddc0ec;border-radius:18px;padding:7px 14px;font-size:12px;font-weight:800;transform:rotate(-5deg);white-space:nowrap}.mascot-bubble:after{content:'';position:absolute;bottom:-7px;left:50%;height:10px;width:10px;background:#fff;border-right:2px solid #ddc0ec;border-bottom:2px solid #ddc0ec;transform:rotate(45deg)}.mascot-shadow{position:absolute;width:170px;height:18px;bottom:12px;background:#c9e6db;border-radius:50%;filter:blur(2px)}.deco{position:absolute;line-height:1}.star-one{left:8px;top:55px;color:#f5cf4f;font-size:40px}.heart-one{right:5px;top:100px;color:#f78bb9;font-size:28px;transform:rotate(18deg)}.star-two{right:12px;bottom:22px;color:#b68bdd;font-size:44px}.question-guide{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;margin:15px 0 30px}.question-guide>span{font-size:24px;color:#eb8ab7}.question-guide p{margin:0}.question-guide b{color:#9864b6}.topic-title{font-size:19px;gap:12px;margin-top:32px;margin-bottom:18px}.topic-title:before{content:'✿';color:#af86cb;display:grid;place-items:center;background:#faf1ff;border:2px solid white;border-radius:50%;width:37px;height:37px;font-size:24px;box-shadow:0 2px 0 #e2c8ed}.topic-title:after{background:repeating-linear-gradient(90deg,#d9bfe6 0 4px,transparent 4px 10px);height:2px}.question-block{border:2px solid #e6d6ee;background:#ffffffee;border-radius:24px;box-shadow:0 5px 0 #e8dff180;padding:23px 25px;margin-bottom:22px}.question-block:has(input:checked){border-color:#c4e3d6;box-shadow:0 5px 0 #d9ede580}.question-block .eyebrow{display:inline-flex;letter-spacing:1px;border-radius:20px;background:#f1e5fa;padding:2px 11px;color:#9a6cb5;font-size:11px}.question-block h3{color:#684480;font-weight:800;font-size:18px}.question-block .alternatives>div{border:1px solid #ecdaf4;border-radius:16px;background:#f7effb;padding:14px 18px}.question-block .alternatives>div:last-child{background:#eefaf5;border-color:#cfe8dd}.alternatives span{background:#fff;border:0;color:#a875c5;box-shadow:0 2px 0 #e6d2ef;font-weight:800}.alternatives>div:last-child span{color:#66a98b;box-shadow:0 2px 0 #d6eadd}.question-block .alternatives p{font-size:13px;color:#755d83;line-height:1.8}.choices{gap:10px}.question-block .choice{border-radius:15px;padding:11px 6px;border:2px solid #eddef2;background:#fff;box-shadow:0 3px 0 #eee5f3}.choice-dot{width:21px;height:21px;border:2px solid #dfc8ea}.choice.selected{border-color:#b58dce;background:#f5e8ff;box-shadow:0 3px 0 #d8bce7}.choice.selected .choice-dot{border:6px solid #af7fc9}.choice b{color:#886697;font-size:11px}.primary{border:2px solid #a879c1;background:linear-gradient(#bc93d6,#a576c3);border-radius:50px;box-shadow:0 4px 0 #8e60aa;color:white;font-weight:800}.primary:hover:not(:disabled){background:linear-gradient(#c6a3dc,#b78bcf)}.primary:disabled{opacity:.45;box-shadow:0 3px 0 #cfb5df}.secondary{border:2px solid #e3cceb;border-radius:50px;background:#fff;color:#976caf}.pink-button{background:linear-gradient(#f39bc5,#e877af);border-color:#de6ca4;box-shadow:0 4px 0 #ce5b97}.pink-button:hover:not(:disabled){background:linear-gradient(#f7acd0,#f087ba)}.answer-bar{border:2px solid white;background:#fff9fdef;outline:1px solid #ead7f2;box-shadow:0 5px 24px #926dac25;border-radius:22px;padding:13px 20px}.answer-bar>span{color:#9e76b6;font-size:12px}.answer-bar .primary{min-height:45px;padding:8px 22px;font-size:13px}.result>.eyebrow{display:block;text-align:center;font-size:14px;margin-bottom:18px;color:#a06bbd}.result-banner{border:3px solid white;outline:2px solid #e3c4f0;border-radius:28px;color:var(--ink);background:linear-gradient(135deg,#f6e8ff,#fff3fb 65%,#fff6d4);box-shadow:0 7px 0 #ead7f4;padding:30px;position:relative;gap:18px}.result-symbol img{object-fit:contain;width:120px;height:120px;transform:rotate(-7deg)}.result-code{color:#a070bd;font-weight:800}.result-code span{color:#ae8dbb}.result h1{color:#795093;font-size:29px}.result-banner .catchphrase{color:#df71a9;font-size:16px;font-weight:700}.result-banner p{color:#8b7098}.scores{border:2px solid #e8d8ee;border-radius:24px;background:#ffffffed;box-shadow:0 5px 0 #e8e0ed}.scores small{color:#ad88bc;letter-spacing:1px}.scores h2{color:#89649e}.score-track{height:12px;background:#c7ebdc;border:2px solid white;outline:1px solid #e7d9ed}.score-track span{background:linear-gradient(90deg,#d2b0e7,#b98bd4);border-radius:8px}.score .winner{color:#9867b4}.result-actions{justify-content:center;gap:16px}.result>.save-note{text-align:center}.type-item{border:2px solid #e8d6f1;border-radius:19px;background:linear-gradient(145deg,#fff,#fbf5ff)}.type-item:nth-child(4n+2){background:linear-gradient(145deg,#fff,#effaf3)}.type-item:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff1f8)}.type-item:nth-child(4n){background:linear-gradient(145deg,#fff,#fffae8)}.type-item>span{color:#b080cb}.type-item h3{color:#80539a}.type-item p{color:#987ca6}dialog{border:3px solid white;border-radius:28px;background:#fffbfe}dialog::backdrop{background:#60437460}.icon-button{color:#9e73b6;border:2px solid #e5d0ed}footer{color:#a38baa;border-top:1px dashed #d7c1e2}.save-note{color:#a08cab}button:focus-visible,a:focus-visible,.choice:has(input:focus-visible){outline-color:#b97dd6}#toast:not(:empty){background:#a87ac3;border:2px solid white;border-radius:20px}
@media(max-width:800px){.header{margin:12px 20px 0}.questionnaire-heading h1{font-size:29px}.mascot-scene img{width:185px;height:185px}.mascot-scene{min-height:245px}.mascot-shadow{bottom:22px;width:140px}.result h1{font-size:26px}}
@media(max-width:600px){main{padding:0 16px}.header{margin:10px 12px 0;padding:8px 12px;border-radius:18px}.brand{font-size:13px;letter-spacing:0;gap:4px}.brand-mascot{width:32px;height:32px}.header .text-button{font-size:10px;padding:6px 10px}.beta{font-size:7px}.questionnaire{margin-top:22px}.questionnaire-heading{grid-template-columns:1fr;padding:24px 22px 14px;border-radius:28px;text-align:center;gap:0}.questionnaire-heading .eyebrow{justify-content:center;font-size:11px}.questionnaire-heading h1{font-size:29px;line-height:1.45}.questionnaire-heading h1>span:first-child{font-size:22px}.questionnaire-heading .question-hint{font-size:12px;margin:12px 0}.hero-meta{justify-content:center}.mascot-scene{min-height:180px;margin-top:16px}.mascot-scene img{width:145px;height:145px;margin-top:4px}.mascot-bubble{font-size:10px;padding:4px 12px}.mascot-shadow{bottom:0;width:125px}.star-one{left:55px;top:60px;font-size:30px}.heart-one{right:52px;top:80px;font-size:24px}.star-two{right:40px;bottom:0;font-size:35px}.question-guide{font-size:10px;gap:8px;margin-bottom:22px}.question-block{padding:20px 13px;border-radius:21px}.question-block h3{font-size:16px}.question-block .alternatives>div{padding:12px 11px}.question-block .alternatives p{font-size:12px}.question-block .choice{padding:10px 2px;border-radius:12px}.choice b{font-size:10px}.answer-bar{padding:10px 12px;gap:8px;bottom:10px}.answer-bar>span{font-size:10px}.answer-bar .primary{font-size:11px;padding:8px 14px;gap:10px}.result-banner{text-align:center;padding:22px 18px}.result-symbol img{width:100px;height:100px}.result-symbol{margin-bottom:12px}.result h1{font-size:25px}.result-banner .catchphrase{font-size:14px}.result-actions{gap:13px}.result-actions .primary{min-height:47px;padding:10px 16px;font-size:12px;gap:15px}}
.result-model{flex:0 0 240px;margin:0;text-align:center}.result-model img{width:240px;height:240px;object-fit:contain;background:white;border:4px solid white;border-radius:24px;box-shadow:0 6px 0 #dfcaed80}.result-model figcaption{font-size:10px;letter-spacing:1px;color:#ae86bd;margin-top:10px}.result-banner{align-items:center}.result-banner>div:last-child{min-width:0}.type-portrait{display:block;width:100%;height:160px;object-fit:contain;border-radius:15px;background:white;margin-bottom:14px}.rights-note{max-width:460px;font-size:10px;line-height:1.8}.rights-note summary{cursor:pointer;color:#9973ad}.rights-note p{margin-top:10px}footer{flex-wrap:wrap}.rights-note{flex-basis:100%;max-width:none}footer>p{flex:1}@media(max-width:800px){.result-model{flex-basis:180px}.result-model img{width:180px;height:180px}.result-banner{gap:18px}}@media(max-width:600px){.result-model{margin-bottom:20px}.result-model img{width:210px;height:210px}.type-portrait{height:180px}.rights-note{margin-top:12px}}