*{margin:0;padding:0;box-sizing:border-box}:root{--blue:#2563eb;--blue-dark:#1d4ed8;--navy:#0f172a;--ink:#1e293b;--sub:#64748b;--line:#e2e8f0;--bg:#f5f8fc;--amber:#f59e0b}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}.frame{max-width:430px;margin:0 auto;min-height:100dvh;background:#fff;box-shadow:0 0 40px rgba(15,23,42,.06)}button{font-family:inherit;cursor:pointer}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:24px}.btn-primary{display:block;width:100%;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;border-radius:999px;padding:18px 24px;font-size:17px;font-weight:800;text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(37,99,235,.35);transition:transform .15s ease}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:block;width:100%;background:#fff;color:var(--blue);border:2px solid var(--blue);border-radius:999px;padding:14px 24px;font-size:15px;font-weight:700;text-align:center;text-decoration:none}.intro{justify-content:center;text-align:center;gap:18px;background:radial-gradient(circle at 85% 8%,rgba(37,99,235,.1),transparent 40%),radial-gradient(circle at 10% 90%,rgba(79,70,229,.08),transparent 40%),#fff}.intro-logo{width:170px;align-self:center;margin-bottom:6px}.result-logo{height:26px;margin:0 auto 16px;display:block}.intro-title{font-size:32px;font-weight:900;line-height:1.4;color:var(--navy)}.intro-title .accent{color:var(--blue)}.intro-sub{font-size:14.5px;color:var(--sub)}.intro-meta{display:flex;justify-content:center;gap:16px;font-size:13px;font-weight:700;color:var(--ink)}.intro-note{font-size:12px;color:var(--sub)}.quiz{padding-top:18px}.progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:34px}.back-btn{border:none;background:none;font-size:20px;color:var(--sub);padding:4px 8px}.progress-bar{flex:1 1;height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#4f46e5);border-radius:999px;transition:width .3s ease}.progress-label{font-size:12px;font-weight:700;color:var(--sub);min-width:40px;text-align:right}.quiz-body{transition:opacity .2s ease,transform .2s ease}.fade-out{opacity:0;transform:translateX(-12px)}.fade-in{opacity:1;transform:translateX(0);animation:slideIn .25s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.q-number{font-size:13px;font-weight:800;color:var(--blue);margin-bottom:8px}.q-text{font-size:22px;font-weight:800;line-height:1.5;color:var(--navy);margin-bottom:6px}.q-sub{font-size:13px;color:var(--sub)}.options{display:flex;flex-direction:column;gap:12px;margin-top:26px}.option{text-align:left;border:2px solid var(--line);background:#fff;border-radius:16px;padding:17px 18px;font-size:15.5px;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s,transform .1s}.option:active{transform:scale(.98)}.option.selected{border-color:var(--blue);background:rgba(37,99,235,.06);color:var(--blue-dark)}.analyzing{justify-content:center;align-items:center;gap:22px}.spinner{width:54px;height:54px;border-radius:50%;border:5px solid rgba(37,99,235,.15);border-top:5px solid var(--blue);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.analyzing-text{font-size:15px;font-weight:700;color:var(--ink)}.analyzing-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .3s}.dot.on{background:var(--blue)}.result{padding-bottom:40px}.sec{padding:40px 24px}.sec-kicker{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.06em;margin-bottom:10px}.sec-kicker.dark{color:var(--amber)}.sec-title{font-size:22px;font-weight:900;line-height:1.55;margin-bottom:18px}.sec-reveal{text-align:center;background:radial-gradient(circle at 50% 0,rgba(37,99,235,.08),transparent 55%),#fff}.reveal-lead{font-size:15px;font-weight:700;color:var(--sub);margin-bottom:12px}.type-card,.type-emoji{margin-bottom:6px}.type-emoji{font-size:52px;animation:pop .5s ease}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.type-name{font-size:30px;font-weight:900;color:var(--navy);letter-spacing:.01em}.type-catch{font-size:14.5px;font-weight:700;color:var(--blue);margin-top:6px}.radar{width:300px;max-width:100%;margin:8px auto 0;display:block}.strengths{display:flex;flex-direction:column;gap:10px;margin-top:14px;text-align:left}.strength-chip{display:flex;align-items:center;gap:10px;background:#f1f5fb;border-radius:12px;padding:12px 16px;font-size:14.5px;font-weight:700}.check{color:var(--blue);font-weight:900}.activity-note{margin-top:18px;font-size:13.5px;color:var(--sub);text-align:left}.sec-risk{background:var(--navy);color:#e2e8f0}.sec-risk .sec-title{color:#fff}.anxiety-echo{font-size:15px;font-weight:700;color:#fbbf24;margin-bottom:14px}.risk-body{font-size:14.5px;margin-bottom:18px}.urgency-box{border-left:3px solid var(--amber);background:rgba(245,158,11,.08);border-radius:0 12px 12px 0;padding:14px 16px;font-size:14px;font-weight:600;color:#fde68a}.sec-story{background:linear-gradient(180deg,#fff,#eef4fd)}.story-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.story-head{gap:14px;margin-bottom:14px}.story-avatar,.story-head{display:flex;align-items:center}.story-avatar{width:54px;height:54px;border-radius:50%;background:#eef2ff;justify-content:center;font-size:28px;flex-shrink:0}.story-name{font-size:16px;font-weight:800}.story-profile{font-size:12.5px;color:var(--sub)}.story-quote{font-size:14.5px;font-weight:700;color:var(--blue-dark);margin-bottom:10px}.story-body{font-size:14px;margin-bottom:12px}.story-outcome{font-size:15.5px;font-weight:900;color:var(--navy);background:linear-gradient(transparent 62%,rgba(37,99,235,.22) 0);display:inline}.comeback-card{margin-top:16px;background:#fff;border:1px dashed rgba(37,99,235,.4);border-radius:16px;padding:16px 18px}.comeback-title{font-size:13.5px;font-weight:800;color:var(--blue);margin-bottom:6px}.comeback-body{font-size:13px;color:var(--ink)}.disclaimer{margin-top:14px;font-size:11px;color:#94a3b8}.sec-bridge{background:#fff}.bridge-body{font-size:14.5px;margin-bottom:14px}.bridge-body.strong{font-weight:800;color:var(--navy)}.bridge-extra{font-weight:700;color:var(--blue-dark)}.jobs-box{background:#f1f5fb;border-radius:16px;padding:16px 18px;margin:4px 0 18px}.jobs-label{font-size:12.5px;font-weight:800;color:var(--sub);margin-bottom:10px}.jobs-chips{display:flex;flex-wrap:wrap;gap:8px}.job-chip{background:#fff;border:1px solid rgba(37,99,235,.35);color:var(--blue-dark);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.mindset-note{font-size:13.5px;color:var(--sub);margin-bottom:22px}.cta-box{text-align:center}.cta-sub{margin-top:10px;font-size:13px;font-weight:700;color:var(--ink)}.cta-hint{margin-top:6px;font-size:12px;color:var(--sub)}.secondary-cta{margin-top:18px}.jobs-section{margin-top:30px}.jobs-section-kicker{font-size:12px;font-weight:800;color:#16a34a;letter-spacing:.06em;margin-bottom:4px}.jobs-section-kicker:before{content:"●";font-size:9px;margin-right:6px;vertical-align:2px;animation:blink 1.6s ease infinite}@keyframes blink{50%{opacity:.3}}.jobs-section-title{font-size:18px;font-weight:900;color:var(--navy);margin-bottom:14px}.job-cards{flex-direction:column}.job-card,.job-cards{display:flex;gap:12px}.job-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-decoration:none;color:var(--ink);box-shadow:0 4px 14px rgba(15,23,42,.06);transition:transform .12s ease}.job-card:active{transform:scale(.98)}.job-card-img{width:92px;height:62px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#f1f5fb}.job-card-body{min-width:0}.job-card-title{font-size:13px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-card-company{font-size:11.5px;color:var(--sub);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.job-meta-chip{font-size:11px;font-weight:700;color:var(--blue-dark);background:rgba(37,99,235,.07);border-radius:999px;padding:2px 10px}.job-meta-chip.cat{color:#fff;background:var(--navy)}.job-meta-chip.ok{color:#15803d;background:rgba(22,163,74,.08)}.job-meta-chip.ng,.job-meta-chip.place{color:#64748b;background:#f1f5f9}.jobs-note{font-size:12.5px;color:var(--sub);margin:14px 0 16px}.retry{display:block;margin:28px auto 0;border:none;background:none;color:var(--sub);font-size:13px;text-decoration:underline}