*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdfa;color:#2f2937;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Meiryo,sans-serif;line-height:1.8}a,button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1040px,calc(100% - 28px));margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.site-header nav{display:flex;gap:18px;font-size:13px;font-weight:700}.logo-new{font-size:20px;font-weight:900}.hero-new{text-align:center;background:linear-gradient(125deg,#fff0d8,#f4e9f6);padding:68px 18px;border-radius:28px}.hero-new h1{font-size:clamp(33px,6vw,57px);letter-spacing:-.05em;line-height:1.4}.hero-new em{font-style:normal;color:#cc735d}.hero-emojis{font-size:48px}.badge-label{color:#ad6b5d;font-size:12px;font-weight:900;letter-spacing:.12em}.button-primary{display:inline-block;border:0;border-radius:40px;background:#30293d;color:white;padding:13px 24px;font-weight:800;margin:13px 0}.small-muted{color:#867c88;font-size:12px}.quiz-wrap{max-width:740px;margin:55px auto 90px;scroll-margin-top:25px}.question-card,.quiz-intro,.quiz-result{background:white;border-radius:25px;border:1px solid #f1e7df;padding:42px;text-align:center;box-shadow:0 10px 35px #85674a10}.intro-stationery{font-size:49px;display:flex;justify-content:center;gap:14px}.quiz-intro h2{font-size:28px}.question-top{display:flex;justify-content:space-between}.progress-number{font-size:13px;color:#8c7989}.progress-track{height:9px;border-radius:20px;background:#f4e8de;overflow:hidden;margin:15px 0 32px}.progress-track span{display:block;height:100%;background:#e6a27f}.question-card h2{font-size:25px;line-height:1.5}.answer-list{display:grid;grid-gap:12px;gap:12px;margin-top:30px}.answer-option{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;background:#fffaf3;border:2px solid #f2e8e1;border-radius:15px;font-weight:750}.answer-option:hover{background:#fff0df;border-color:#e9ae88}.option-letter{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#f5e7d7;color:#a76f55}.answer-arrow{margin-left:auto;color:#b17e74}.quiz-nav{display:flex;justify-content:space-between;margin-top:19px}.text-button{background:none;border:0;text-decoration:underline;color:#7e647c}.result-mascot{width:170px;height:170px;display:grid;place-items:center;margin:25px auto;border-radius:38px;transform:rotate(-4deg)}.result-mascot span:first-child{font-size:87px}.mascot-cheek{font-size:12px;margin-top:-28px}.quiz-result h3{font-size:32px}.result-tag{background:#f8e4ce;border-radius:99px;padding:5px 15px;font-size:13px;font-weight:900;color:#8a6650}.result-phrase{font-size:18px;color:#af6880;font-weight:850}.result-intro{max-width:490px;margin:20px auto}.compat-grid,.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.tip-card,.trait-block{background:#faf1e8;padding:19px;border-radius:14px;margin:12px 0;text-align:left}.trait-block:nth-child(2){background:#f1eff9}.tip-card p,.trait-block p{margin:5px 0;font-size:14px}.compat-section{margin:40px 0 25px}.compat-item{padding:18px 10px;border:1px solid #e6e0e7;border-radius:15px;display:flex;flex-direction:column;align-items:center}.compat-item span{font-size:45px}.compat-item small{font-size:11px;color:#766d7b}.result-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.button-outline{border:2px solid #30293d;background:white;border-radius:40px;padding:12px 23px;font-weight:850}.subtle-link{display:inline-block;text-decoration:underline;color:#96687b;margin:18px 0}.lineup{text-align:center;margin:75px 0;scroll-margin-top:30px}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.character-tile{border-radius:15px;padding:18px 7px;display:flex;flex-direction:column;min-height:145px}.character-tile span{font-size:42px}.character-tile small{font-size:11px;color:#645d6a}.explainer{padding:32px;background:#fff2e3;border-radius:20px;margin-bottom:65px}.info-page,.type-page{max-width:730px;margin:50px auto}.type-hero{text-align:center;padding:36px 15px;border-radius:23px}.type-emoji{font-size:88px}.type-content h2{margin-top:30px;border-bottom:2px solid #eee2da}.footer-links{display:flex;gap:20px}footer{border-top:1px solid #ede4df;color:#817785;padding:28px 0;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid #d3876d;outline-offset:3px}@media(max-width:650px){.logo-new{font-size:15px}.site-header nav{gap:10px;font-size:11px}.hero-new{padding:43px 13px}.hero-emojis{font-size:36px}.question-card,.quiz-intro,.quiz-result{padding:24px 15px}.question-card h2{font-size:22px}.answer-option{padding:13px;font-size:14px}.trait-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(3,1fr);gap:8px}.character-tile{min-height:132px;padding:12px 4px}.character-tile span{font-size:34px}.character-tile b{font-size:12px}.character-tile small{font-size:10px}}.ad-placement{clear:both;margin:48px auto 6px;padding:18px 0 0;border-top:1px solid #ede7ee;max-width:640px;text-align:center;min-width:0}.ad-placement-label{font-size:11px;color:#807985;letter-spacing:.05em;margin:0 0 16px}.hero-new>p:not(.badge-label):not(.small-muted){max-width:690px;margin:16px auto;line-height:1.85}.seo-faq{max-width:860px;margin:70px auto 90px}.seo-faq h2{font-size:28px;margin-bottom:20px}.faq-item{border-bottom:1px solid #eee3dd;padding:17px 5px}.faq-item h3{font-size:17px;margin:0 0 5px}.faq-item p{color:#635b69;font-size:14px;margin:0}.inline-link{text-decoration:underline;color:#916071}.match-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:30px 0}.match-directory-item{background:#fff6eb;border-radius:16px;padding:20px}.match-directory-item:nth-child(2n){background:#f4effa}.match-directory-item h2{margin:0;font-size:19px}.match-directory-item p{font-size:14px;margin:8px 0}.info-page nav,.type-page nav{font-size:13px;margin-bottom:18px;color:#716878}.info-page nav a,.type-page nav a{text-decoration:underline}.type-content>p{line-height:1.9}@media(max-width:650px){.match-directory{grid-template-columns:1fr}.site-header nav a:last-child{display:none}.seo-faq h2{font-size:22px}}.stationery-illustration{display:block;width:76px;height:76px;flex-shrink:0;overflow:visible}.stationery-illustration--small{width:76px;height:76px}.stationery-illustration--normal{width:94px;height:94px}.stationery-illustration--large{width:170px;height:170px;max-width:100%}.hero-emojis{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;margin:4px 0 10px}.intro-stationery{gap:4px;align-items:center}.character-tile{align-items:center;justify-content:center;gap:2px;padding:9px 5px}.character-tile .stationery-illustration,.compat-item .stationery-illustration{width:84px;height:84px}.quiz-result .result-mascot{transform:none;box-shadow:none;background:none!important;width:175px;height:175px}.quiz-result .result-mascot,.type-emoji{display:flex;align-items:center;justify-content:center}.match-directory-item h2>a{display:flex;gap:10px;align-items:center}.match-directory-item h2 .stationery-illustration{width:53px;height:53px}@media(max-width:650px){.hero-emojis .stationery-illustration{width:69px;height:69px}.character-tile .stationery-illustration{width:66px;height:66px}.intro-stationery .stationery-illustration{width:62px;height:62px}.compat-item .stationery-illustration{width:74px;height:74px}}