:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e1e3e4;--pink:#f936c4;--pink-strong:#d21aa6;--pink-deep:#a8107f;--pink-btn:#c8169b;--yellow:#ffed4d;--ink:#1a1a1a;--muted:#6e5c6b;--white:#fff;--gothic:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", system-ui, sans-serif;--display:"Dela Gothic One", "Hiragino Sans", sans-serif;--mincho:"Zen Old Mincho", "Hiragino Mincho ProN", serif;--hand:"Yomogi", "Zen Kurenaido", cursive;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--pink-deep);font-family:var(--gothic);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:700;line-height:1.7}a{color:inherit}img,svg{max-width:100%;height:auto}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:680px;min-height:100dvh;margin:0 auto;padding:0 26px 32px;position:relative}.page:before,.page:after{content:"";background:var(--pink);border-radius:99px;width:8px;position:absolute;top:78px;bottom:16px}.page:before{left:6px}.page:after{right:6px}@media (min-width:760px){.page{padding:0 64px 40px}.page:before,.page:after{width:14px;top:92px}.page:before{left:12px}.page:after{right:12px}}.main{outline:none}.masthead{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:18px 0 22px;display:grid}.x-row{gap:6px;height:18px;display:flex;overflow:hidden}.x-row:first-child{justify-content:flex-end}.x-mark{flex:none;width:18px;height:18px}.x-mark path{fill:none;stroke:var(--pink);stroke-width:4.2px;stroke-linecap:round}.pill{background:var(--pink);min-width:46vw;max-width:340px;color:var(--white);letter-spacing:.12em;text-align:center;border-radius:99px;padding:4px 24px;font-size:15px;font-weight:900;text-decoration:none;display:inline-block}@media (min-width:760px){.pill{min-width:300px}.x-mark{width:22px;height:22px}.x-row{gap:10px;height:22px}}.friend-banner{background:var(--white);border:3px solid var(--pink);flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:-6px 0 18px;padding:8px 14px;font-size:14px;display:flex}.friend-banner strong{color:var(--pink-strong)}.caption{color:var(--pink-strong);text-align:center;margin:0;font-size:14px;font-weight:900}.hero .caption{letter-spacing:.32em}.sheet-heading{text-align:center;margin-bottom:14px}.sheet-title{font-family:var(--display);color:var(--pink);letter-spacing:.02em;margin:4px 0 0;font-size:clamp(22px,6.2vw,46px);font-weight:400;line-height:1.25}.sheet-title-key{font-family:var(--mincho);margin:0 .06em;font-size:1.18em;font-weight:900}.band{background:var(--yellow);border:3px solid var(--pink);color:var(--pink-strong);text-align:center;letter-spacing:.06em;margin:12px 0;padding:6px 12px;font-size:15px;font-weight:900}.section-title{font-family:var(--display);color:var(--pink);letter-spacing:.03em;margin:0 0 10px;font-size:22px;font-weight:400}.fineprint{color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:500;line-height:1.7}.center{text-align:center}.linklike{color:var(--pink-deep);text-underline-offset:3px;cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.num{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:1.6px var(--pink);paint-order:stroke fill;letter-spacing:.02em;flex:none;font-size:30px;font-weight:400;line-height:1}.num:after{content:"";background:var(--pink);vertical-align:baseline;width:6px;height:6px;margin-left:3px;display:inline-block}.box{border:3.5px solid var(--pink);background:0 0;flex:none;width:30px;height:30px;display:inline-block;position:relative}.box svg{width:42px;height:42px;position:absolute;top:-14px;left:-2px;overflow:visible}.box path{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:0;animation:pen .24s var(--ease-out)}@keyframes pen{0%{stroke-dashoffset:60px}}.btn{border:3px solid var(--pink);background:var(--white);min-height:54px;color:var(--pink-deep);text-align:center;cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .16s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:17px;font-weight:900;line-height:1.3;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--pink-btn);border-color:var(--pink-btn);color:var(--white);box-shadow:0 4px 0 var(--yellow), 0 4px 0 2px var(--pink)}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost{background:0 0}.btn-x{color:#fff;background:#000;border-color:#000}.btn-small{border-width:2.5px;min-height:40px;padding:6px 14px;font-size:14px}.btn-icon{min-height:44px;padding:6px 16px;font-size:15px}.hero{text-align:center;padding:0 0 18px}.hero-title{font-family:var(--display);color:var(--pink);letter-spacing:0;white-space:nowrap;margin:6px 0 4px;font-size:clamp(48px,14.5vw,96px);font-weight:400;line-height:1.1}.hero .band{margin:6px 0 18px;padding:4px 16px;display:inline-block}.hero-actions{gap:12px;max-width:420px;margin:0 auto;display:grid}.menu{padding:8px 0 0}.menu-list{border-top:4px solid var(--pink);margin:0;padding:0;list-style:none}.menu-item{border-bottom:4px solid var(--pink);transition:background-color .16s var(--ease-out);grid-template-columns:auto 1fr auto;grid-template-areas:"num title box""num meta box";align-items:center;column-gap:14px;padding:12px 4px;text-decoration:none;display:grid}.menu-item:hover{background:#fff6}.menu-item .num{grid-area:num}.menu-title{color:var(--pink-strong);grid-area:title;align-items:center;gap:8px;font-size:17px;font-weight:900;line-height:1.4;display:flex}.menu-meta{color:var(--muted);grid-area:meta;min-height:0;font-size:13px}.menu-meta:empty{display:none}.menu-item:has(.menu-meta:empty){grid-template-areas:"num title box"}.menu-item .box{grid-area:box}.is-done .menu-meta{color:var(--ink);font-family:var(--hand);font-size:16px;font-weight:400}.menu-item .box.is-checked:after{content:"";border-right:4.5px solid var(--ink);border-bottom:4.5px solid var(--ink);border-radius:2px;width:11px;height:22px;position:absolute;top:-6px;left:7px;transform:rotate(40deg)}.tag-new{background:var(--yellow);border:2px solid var(--pink);color:var(--pink-strong);padding:0 6px;font-size:11px;line-height:1.5}.karte-cta{background:var(--yellow);border:3px solid var(--pink);color:var(--pink-strong);font-family:var(--display);justify-content:space-between;align-items:baseline;gap:10px;margin:16px 0 6px;padding:12px 18px;font-size:19px;font-weight:400;text-decoration:none;display:flex}.karte-cta .menu-meta{font-family:var(--gothic);color:var(--pink-deep);font-weight:700}.quiz .sheet-heading .caption{color:var(--muted);margin-bottom:4px;font-weight:700}.progress-row{grid-template-columns:1fr auto;align-items:center;gap:12px;margin:6px 0 4px;display:grid}.progress{background:var(--white);border:2px solid var(--pink);border-radius:99px;height:10px;overflow:hidden}.progress-bar{background:var(--pink);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p,0));transition:transform .26s var(--ease-out)}.progress-text{font-variant-numeric:tabular-nums;color:var(--pink-strong);font-size:14px;font-weight:900}.quiz-stage{min-height:340px}.q-card{padding:16px 0 6px}.q-card.enter{animation:card-in .22s var(--ease-out)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.q-head{border-bottom:4px solid var(--pink);align-items:baseline;gap:12px;margin:0 0 18px;padding-bottom:14px;display:flex}.q-text{color:var(--pink-strong);min-height:3.1em;font-size:clamp(20px,5.6vw,25px);font-weight:900;line-height:1.55}.choices{gap:10px;display:grid}.choice-row{text-align:left;border:3px solid var(--pink);background:var(--white);min-height:60px;color:var(--pink-deep);cursor:pointer;transition:transform .12s var(--ease-out), background-color .14s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:6px;align-items:center;gap:16px;padding:10px 18px;font-size:18px;font-weight:900;display:flex}.choice-row:active{transform:scale(.985)}.choice-row.is-selected{background:var(--yellow)}.pair-sheet{border:3px solid var(--pink);background:var(--white)}.pair-bar{background:var(--pink);color:var(--white);text-align:center;font-family:var(--display);margin:0;font-size:22px;font-weight:400;line-height:1.6}.pair{grid-template-columns:1fr 1fr;display:grid}.pair-option{min-height:150px;color:var(--pink-deep);text-align:center;cursor:pointer;transition:background-color .14s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-content:start;justify-items:center;gap:12px;padding:16px 12px 18px;font-size:17px;font-weight:900;line-height:1.5;display:grid}.pair-option+.pair-option{border-left:3px solid var(--pink)}.pair-option.is-selected{background:var(--yellow)}.pair-option:active{background:#ffed4d80}.pair-key{font-family:var(--display);color:var(--pink);align-items:center;gap:8px;font-size:22px;font-weight:400;display:flex}.quiz-nav{justify-content:space-between;margin-top:18px;display:flex}.quiz-hint{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;font-size:13px;font-weight:500;display:flex}.result-hero{padding:0 0 22px;position:relative}.result-label{color:var(--pink-strong);margin:0;font-weight:900}.result-value{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(54px,17vw,92px);font-weight:400;line-height:1.1}.result-name{font-family:var(--display);color:var(--pink);overflow-wrap:anywhere;margin:4px 0 8px;font-size:clamp(32px,9.6vw,50px);font-weight:400;line-height:1.25}.result-hero:has(.stamp) .result-name{padding-right:92px}.result-note{margin:0 0 14px;font-size:17px}.result-stats{background:var(--yellow);border:3px solid var(--pink);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:0;margin:0;display:grid}.result-stats div{border-bottom:2px solid #f936c459;border-right:2px solid #f936c459;padding:6px 12px}.result-stats dt{color:var(--pink-deep);font-size:12px}.result-stats dd{font-family:var(--display);color:var(--pink-strong);font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:400}.result-stats-wide{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.result-stats-wide dd{font-family:var(--hand);color:var(--ink);font-size:18px}.stamp{border:4px solid var(--pink);width:86px;height:86px;box-shadow:inset 0 0 0 2px var(--bg), inset 0 0 0 4px var(--pink);color:var(--pink);text-align:center;animation:stamp-in .32s var(--ease-out) .12s both;border-radius:50%;place-content:center;display:grid;position:absolute;top:0;right:0;transform:rotate(-12deg)}.stamp span{font-size:11px;font-weight:900;line-height:1.2}.stamp strong{font-family:var(--display);font-size:28px;font-weight:400;line-height:1.1}@keyframes stamp-in{0%{opacity:0;transform:rotate(-12deg)scale(1.6)}}.compare-card,.share,.sheet,.next-steps,.risou-block,.about{border-top:4px solid var(--pink);padding:18px 0}.compare-rate{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.compare-num{font-family:var(--display);color:var(--pink);font-variant-numeric:tabular-nums;font-size:58px;font-weight:400;line-height:1}.compare-num small{margin-left:2px;font-size:26px}.compare-sub{font-weight:900}.same-banner{background:var(--yellow);border:3px solid var(--pink);margin:12px 0 0;padding:2px 10px;display:inline-block}.diff{margin-top:12px}.diff summary{cursor:pointer;font-weight:900}.diff-list{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.diff-list li{border-left:4px solid var(--pink);padding-left:10px}.diff-q{font-size:14px;font-weight:700;display:block}.diff-a{font-size:14px;font-family:var(--hand);color:var(--ink);flex-wrap:wrap;gap:2px 16px;font-weight:400;display:flex}.plain-list{margin:8px 0 0;padding-left:1.2em}.field{gap:4px;margin-bottom:12px;display:grid}.field-label{color:var(--pink-deep);font-size:13px}.field input{border:3px solid var(--pink);background:var(--white);min-height:48px;font-family:var(--hand);color:var(--ink);border-radius:6px;padding:8px 14px;font-size:20px;font-weight:400}.share-buttons{gap:10px;display:grid}@media (min-width:560px){.share-buttons{grid-template-columns:1fr 1fr}}.share-previews{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:16px 0 0;display:grid}.share-previews:empty{display:none}.share-figure{gap:6px;margin:0;display:grid}.share-figure img{width:100%;box-shadow:0 2px 12px #78145a33}.share-after{margin-top:14px}.sheet-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-head .section-title{margin:0}.sheet-list{margin:12px 0 0;padding:0;list-style:none}.sheet-row{border-bottom:3px solid var(--pink);grid-template-columns:2.2em 1fr auto;align-items:baseline;gap:2px 10px;padding:8px 0;font-size:14px;display:grid}.sheet-num{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:1.2px var(--pink);paint-order:stroke fill;font-size:18px;font-weight:400}.sheet-a{white-space:nowrap;font-family:var(--hand);color:var(--ink);border-bottom:2px dotted var(--pink);font-size:16px;font-weight:400;text-decoration:none}.sheet-note,.sheet-note-input{font-family:var(--hand);color:var(--ink);grid-column:2/-1;font-size:18px;font-weight:400}.sheet-note-input{border:none;border-bottom:2px solid var(--ink);background:#fff9;min-height:40px;padding:4px 6px}.next-steps{gap:10px;display:grid}.remain{background:var(--bg);z-index:2;margin:6px 0 12px;padding:6px 0;font-weight:900;position:sticky;top:0}.remain-num{font-family:var(--display);color:var(--pink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:400}.stat-row{border-bottom:3px solid var(--pink);grid-template-columns:1fr 44px auto 1.6em 44px;align-items:center;gap:8px;padding:8px 0;display:grid}.stat-name strong{font-family:var(--display);color:var(--pink);letter-spacing:.1em;font-size:19px;font-weight:400;display:block}.stat-name small{color:var(--muted);font-size:11px}.stepper{border:3px solid var(--pink);background:var(--white);width:44px;height:44px;color:var(--pink-strong);cursor:pointer;transition:transform .12s var(--ease-out);border-radius:50%;font-size:20px;font-weight:900}.stepper:active{transform:scale(.92)}.stepper:disabled{opacity:.3;cursor:not-allowed}.pips{gap:3px;display:flex}.pip{border:2.5px solid var(--pink);width:13px;height:18px;transition:background-color .12s var(--ease-out)}.pip.is-on{background:var(--ink);border-color:var(--ink)}.stat-val{text-align:center;font-family:var(--hand);color:var(--ink);font-size:20px;font-weight:400}@media (max-width:400px){.pip{width:8px}.pips{gap:2px}}.type-group{border:none;margin:0 0 14px;padding:0}.type-group legend{color:var(--white);background:var(--pink);margin-bottom:8px;padding:0 10px;font-weight:900}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2.5px solid var(--pink);background:var(--white);min-height:40px;color:var(--pink-deep);cursor:pointer;transition:background-color .14s var(--ease-out), transform .12s var(--ease-out);border-radius:4px;padding:6px 14px;font-size:14px;font-weight:900}.chip:active{transform:scale(.97)}.chip.is-on{background:var(--yellow);box-shadow:inset 0 0 0 2px var(--pink)}.chip:disabled{opacity:.35;cursor:not-allowed}.pt-group{margin-bottom:14px}.pt-label{font-family:var(--display);color:var(--pink);margin:0 0 6px;font-size:18px;font-weight:400}.skill-list{gap:8px;display:grid}.skill{text-align:left;border:2.5px solid var(--pink);background:var(--white);color:var(--pink-deep);cursor:pointer;transition:background-color .14s var(--ease-out);border-radius:4px;gap:2px;padding:10px 14px;font-size:13px;font-weight:700;display:grid}.skill strong{color:var(--pink-strong);font-size:16px;font-weight:900}.skill.is-on{background:var(--yellow);box-shadow:inset 0 0 0 2px var(--pink)}.skill:disabled{opacity:.35;cursor:not-allowed}.sticky-submit{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #e1e3e400);display:grid;position:sticky;bottom:0}.radar{width:min(100%,340px);margin:8px auto 16px;display:block;overflow:visible}.radar-ring{fill:none;stroke:#f936c44d}.radar-shape{fill:#ffed4de6;stroke:var(--pink);stroke-width:3px}.radar-label{fill:var(--pink-deep);font-size:12px;font-weight:900}.risou-skills ul{margin:0 0 16px;padding-left:1.1em}.risou-skills li strong{margin-right:4px}.risou-skills .section-title{margin-top:18px}.karte-head{padding-bottom:18px}.karte-verdict{grid-template-columns:auto 1fr;align-items:start;gap:16px;margin-top:8px;display:grid}.judge-box{background:var(--yellow);border:4px solid var(--pink);justify-items:center;width:96px;padding:6px 4px;display:grid}.judge-box small{font-size:12px}.judge-box strong{font-family:var(--display);color:var(--pink);font-size:54px;font-weight:400;line-height:1.05}.judge-box span{font-size:12px}.karte-a{margin:0;font-size:13px}.karte-verdict .result-name{padding-right:0;font-size:clamp(26px,7.6vw,40px)}.karte{padding:4px 0 12px}.karte-sec{font-family:var(--display);color:var(--pink);border-bottom:4px solid var(--pink);margin:18px 0 8px;padding-bottom:4px;font-size:18px;font-weight:400}.karte-grid{grid-template-columns:1fr 1fr;gap:4px 16px;margin:0;display:grid}.karte-list{gap:8px;margin:0;display:grid}.karte-row{grid-template-columns:7em 1fr;gap:8px;font-size:15px;display:grid}.karte-row dt{color:var(--muted)}.karte-row dd{font-family:var(--hand);color:var(--ink);margin:0;font-size:17px;font-weight:400}.karte-grid .karte-row{grid-template-columns:6.5em 1fr}@media (max-width:420px){.karte-grid{grid-template-columns:1fr}}.profile-list{border-top:3px solid var(--pink);gap:0;margin:12px 0 0;display:grid}.profile-item{border-bottom:3px solid var(--pink);padding:8px 0}.profile-item dt{color:var(--muted);font-size:13px}.profile-item dd{gap:2px;margin:0;display:grid}.profile-item strong{font-family:var(--display);color:var(--pink);font-size:22px;font-weight:400}.profile-item span{font-size:14px}.about{color:var(--ink);font-size:15px;font-weight:500}.about .section-title{margin-top:22px}.about ul{padding-left:1.2em}.site-footer{border-top:4px solid var(--pink);color:var(--muted);text-align:center;margin-top:32px;padding-top:12px;font-size:12px;font-weight:500}.site-footer p{margin:4px 0}.back-home{margin:0 0 12px!important}.back-top{margin:-8px 0 8px;font-size:14px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--pink-btn);color:var(--white);z-index:50;animation:toast-in .2s var(--ease-out);transition:opacity .2s ease, transform .2s var(--ease-out);border-radius:99px;padding:10px 18px;font-size:14px;font-weight:900;position:fixed;transform:translate(-50%)}.toast.out{opacity:0;transform:translate(-50%,8px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}