*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:linear-gradient(180deg,#fff,#e8f0fe);min-height:100vh;color:#1b2a4a;line-height:1.6}.container{max-width:375px;margin:0 auto;padding:24px 20px}.screen{display:none;min-height:100vh}.screen.active{display:block}.lp-content{text-align:center;padding-top:60px;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 48px)}.lp-title-area{margin-bottom:40px}.lp-title{font-size:24px;font-weight:700;color:#1b2a4a;margin-bottom:8px;letter-spacing:.02em}.lp-produced{font-size:13px;color:#6b7a99;font-weight:500}.type-illustration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:280px;margin:0 auto 48px}.type-illustration-item{display:flex;flex-direction:column;align-items:center;gap:8px}.illustration-emoji{font-size:48px;display:block}.illustration-name{font-size:12px;color:#6b7a99;font-weight:500}.btn-start{width:100%;max-width:280px;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:#1b2a4a;border:none;border-radius:28px;cursor:pointer;transition:opacity .2s}.btn-start:hover{opacity:.85}.btn-start:active{opacity:.7}.question-header{text-align:center;padding-top:8px;margin-bottom:24px}.question-header-title{font-size:16px;font-weight:700;color:#1b2a4a;margin-bottom:2px}.question-header-produced{font-size:11px;color:#6b7a99;font-weight:500}.step-progress{display:flex;gap:8px;margin-bottom:28px}.step-item{flex:1;text-align:center}.step-bar{height:4px;border-radius:2px;background:#d9e2ec;margin-bottom:6px;transition:background .3s}.step-item.active .step-bar,.step-item.completed .step-bar{background:#3b82f6}.step-label{font-size:11px;font-weight:500;color:#a0aec0;transition:color .3s,font-weight .3s}.step-item.active .step-label{color:#1b2a4a;font-weight:700}.step-item.completed .step-label{color:#3b82f6}.ai-symbol-container{width:106px;height:106px;margin:0 auto 12px;position:relative;display:flex;align-items:center;justify-content:center}@media(max-height:768px){.ai-symbol-container{width:86px;height:86px}}.chat-bubble{background:#f1f5f9;border-radius:0 16px 16px;padding:16px 20px;margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.7;color:#1b2a4a;position:relative}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.option-radio{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:2px solid #d9e2ec;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;font-size:14px;line-height:1.5;color:#1b2a4a;-webkit-tap-highlight-color:transparent}.option-radio:hover{border-color:#93c5fd;background:#f0f7ff}.option-radio.selected{border-color:#3b82f6;background:#eff6ff}.option-radio-circle{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid #d9e2ec;margin-top:1px;transition:all .2s;position:relative}.option-radio.selected .option-radio-circle{border-color:#3b82f6}.option-radio.selected .option-radio-circle:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#3b82f6}.option-radio-label{flex:1;font-weight:500}.question-footer{display:flex;flex-direction:column;align-items:center;gap:16px}.btn-submit{width:100%;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:#1b2a4a;border:none;border-radius:28px;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-submit:disabled{background:#cbd5e1;cursor:not-allowed;color:#94a3b8}.btn-submit:not(:disabled):hover{opacity:.85}.submit-arrow{font-size:14px}.btn-back{padding:8px 16px;font-size:13px;color:#6b7a99;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.btn-back:hover{color:#1b2a4a}.result-header{text-align:center;margin-bottom:32px;padding-top:32px}.result-label{font-size:14px;color:#6b7a99;margin-bottom:16px;line-height:1.6}.result-type-name{font-size:28px;font-weight:700;color:#1b2a4a;margin-bottom:12px}.result-emoji{font-size:72px;margin-bottom:16px;display:block}.result-description{font-size:14px;color:#4a5568;line-height:1.8;text-align:left}.result-sections{margin-bottom:32px}.result-section{padding:20px 0}.section-badge{display:inline-block;background:#1b2a4a;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:4px;margin-bottom:12px}.section-content{font-size:14px;color:#4a5568;line-height:1.8}.coaching-text{white-space:pre-line;font-size:15px;color:#1b2a4a;line-height:2}.result-divider{height:1px;background:#e2e8f0}.share-section{text-align:center;margin-bottom:24px;padding:24px 0}.share-title{font-size:15px;font-weight:600;color:#1b2a4a;margin-bottom:16px}.share-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.share-icon-btn{width:48px;height:48px;border-radius:50%;background:#1b2a4a;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.share-icon-btn:hover{opacity:.85}.btn-copy-url{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;color:#1b2a4a;background:transparent;border:2px solid #1b2a4a;border-radius:24px;cursor:pointer;transition:all .2s}.btn-copy-url:hover{background:#1b2a4a;color:#fff}.btn-copy-url.copied{background:#10b981;border-color:#10b981;color:#fff}.btn-retry{width:100%;padding:14px;font-size:14px;font-weight:600;color:#1b2a4a;background:transparent;border:2px solid #1b2a4a;border-radius:28px;cursor:pointer;transition:all .2s;margin-bottom:32px}.btn-retry:hover{background:#1b2a4a;color:#fff}@media(max-width:380px){.lp-title{font-size:20px}.illustration-emoji{font-size:40px}.type-illustration-grid{gap:12px}.result-type-name{font-size:24px}.result-emoji{font-size:60px}.chat-bubble{font-size:14px}.option-radio{font-size:13px;padding:12px 14px}}@media(max-width:320px){.container{padding:20px 16px}.lp-title{font-size:18px}.type-illustration-grid{max-width:240px;gap:10px}.illustration-emoji{font-size:36px}.btn-start,.btn-submit,.btn-retry{font-size:14px;padding:12px 24px}.share-icon-btn{width:44px;height:44px}}