*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f6;--surface:#fff;--ink:#22252a;--sub:#6a7078;--line:#e6e3dc;--accent:#c8401f;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#17191c;--surface:#1f2226;--ink:#e9e7e2;--sub:#9ba1ab;--line:#34383e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);min-height:100dvh;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic Medium,Yu Gothic,Noto Sans JP,Noto Sans SC,Noto Sans KR,Apple SD Gothic Neo,PingFang SC,Malgun Gothic,Meiryo,sans-serif;line-height:1.7}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:560px;margin:0 auto;padding:16px 20px 64px}.lang-bar{justify-content:flex-end;gap:6px;margin-bottom:8px;display:flex}.lang-btn{border:1px solid var(--line);color:var(--sub);background:var(--surface);border-radius:999px;padding:5px 10px;font-size:12px}.lang-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}.landing{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:40px;display:flex}.landing-emojis{flex-wrap:wrap;justify-content:center;gap:6px;max-width:340px;font-size:22px;display:flex}.landing-emojis span{animation:.5s both pop}@keyframes pop{0%{opacity:0;transform:scale(.3)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-emojis span,.q-card,.type-card{animation:none!important}}.hero-title{text-wrap:balance;font-size:clamp(26px,7vw,34px);font-weight:800;line-height:1.45}.hero-sub{color:var(--sub);max-width:26em;font-size:15px}.axis-preview{gap:8px;width:100%;max-width:360px;display:grid}.axis-preview-row{background:var(--surface);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.axis-vs{color:var(--sub);font-size:12px;font-weight:400}.start-btn{background:var(--accent);color:#fff;border-radius:999px;padding:16px 48px;font-size:17px;font-weight:700;transition:transform .15s;box-shadow:0 6px 20px #c8401f59}.start-btn:hover{transform:translateY(-2px)}.start-btn.small{box-shadow:none;margin-top:10px;padding:10px 24px;font-size:14px}.time-badge{color:var(--sub);font-size:13px}.quiz{padding-top:24px}.progress-wrap{margin-bottom:28px}.progress-label{color:var(--sub);font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:13px}.progress-track{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.q-card{animation:.3s both slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.q-text{text-wrap:balance;min-height:3.2em;margin-bottom:24px;font-size:clamp(19px,5.5vw,24px);font-weight:700;line-height:1.5}.q-options{gap:12px;display:grid}.q-option{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:18px 20px;font-size:15px;line-height:1.6;transition:border-color .15s,transform .15s}.q-option:hover{border-color:var(--accent);transform:translateY(-1px)}.back-btn{color:var(--sub);margin-top:24px;padding:6px 10px;font-size:14px}.back-btn:disabled{opacity:.35;cursor:default}.result{flex-direction:column;gap:20px;padding-top:8px;display:flex}.share-notice{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:16px 20px;font-size:14px;display:flex}.type-card{color:#fff;text-align:center;border-radius:20px;padding:36px 24px 30px;animation:.5s both card-in}@keyframes card-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.type-lead{opacity:.9;font-size:14px}.type-emoji{font-size:64px;line-height:1.3}.type-code{letter-spacing:.2em;margin-top:2px;font-size:34px;font-weight:800}.type-name{text-wrap:balance;margin-top:6px;font-size:clamp(24px,6.5vw,30px);font-weight:800}.type-tagline{opacity:.92;text-wrap:balance;margin-top:8px;font-size:14px}.type-keywords{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.kw-chip{background:#ffffff2e;border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600}.result-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px}.type-desc{font-size:15px}.block-title{margin-bottom:16px;font-size:16px;font-weight:700}.axes{gap:18px;display:grid}.axis-labels{color:var(--sub);justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.axis-labels .win{color:var(--ink);font-weight:700}.axis-track{background:var(--line);border-radius:999px;height:10px;position:relative;overflow:hidden}.axis-fill{border-radius:999px;height:100%;position:absolute;top:0}.axis-pct{color:var(--sub);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.axis-pct.right{text-align:right}.matches{background:0 0;border:none;grid-template-columns:1fr 1fr;gap:14px;padding:0;display:grid}.match-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.match-card h3{margin-bottom:10px;font-size:13px;font-weight:700}.match-type{border:1.5px solid;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.match-emoji{font-size:26px}.match-code{color:var(--sub);letter-spacing:.1em;font-size:11px}.match-name{font-size:13px;font-weight:700;line-height:1.4}@media (width<=420px){.matches{grid-template-columns:1fr}}.itinerary{gap:14px;display:grid}.day-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.day-label{color:#fff;letter-spacing:.08em;padding:6px 14px;font-size:13px;font-weight:700}.day-card ul{gap:10px;padding:12px 14px;list-style:none;display:grid}.day-card li{align-items:baseline;gap:10px;font-size:14px;display:flex}.slot-label{color:var(--sub);border:1px solid var(--line);text-align:center;border-radius:6px;flex-shrink:0;min-width:3.2em;padding:1px 8px;font-size:11px;font-weight:700}.tip-box{background:var(--bg);border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13.5px}.tip-box strong{margin-bottom:4px;font-size:13px;display:block}.tip-box p{color:var(--sub)}.share-block{text-align:center}.share-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-btn{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .15s}.share-btn:hover{transform:translateY(-1px)}.share-btn.primary{color:#fff;border-color:#0000}.retake-btn{color:var(--sub);text-underline-offset:3px;margin-top:18px;font-size:14px;text-decoration:underline}.toast{background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}