@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap";
:root{--bg-primary:#0a0c14;--bg-card:#1a1d27d9;--primary:#06b6d4;--primary-light:#38bdf8;--text:#e2e8f0;--muted:#94a3b8;--border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:linear-gradient(#0a0c14 0%,#111827 50%,#0a0c14 100%);min-height:100vh;font-family:Noto Sans JP,sans-serif}.container{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;margin-bottom:1.5rem;padding:3rem 1.5rem 2rem}.hero-badge{color:#06b6d4;letter-spacing:.08em;background:#06b6d41f;border:1px solid #06b6d44d;border-radius:999px;align-items:center;margin-bottom:1.2rem;padding:6px 18px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{color:#fff;margin-bottom:.8rem;font-size:2.2rem;font-weight:900;line-height:1.3}.hero h1 span{background:linear-gradient(90deg,#06b6d4,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:#94a3b8;max-width:500px;margin:0 auto;font-size:.95rem;line-height:1.7}.progress-outer{background:#ffffff0d;border-radius:999px;height:8px;margin:1.5rem 0 .5rem;overflow:hidden}.progress-inner{background:linear-gradient(90deg,#06b6d4,#38bdf8);border-radius:999px;height:100%;transition:width .5s}.progress-label{text-align:right;color:#94a3b8;margin-bottom:1.5rem;font-size:12px}.q-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:16px;padding:24px}.q-label{color:#06b6d4;background:#06b6d41f;border-radius:6px;margin-bottom:10px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-flex}.q-text{color:#fff;margin-bottom:14px;font-size:1rem;font-weight:600;line-height:1.6}.input-mini{color:#e2e8f0;background:#0f111799;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Noto Sans JP,sans-serif;font-size:14px;transition:border-color .2s}.input-mini:focus{border-color:#06b6d480;box-shadow:0 0 0 2px #06b6d426}textarea.input-mini{resize:vertical;min-height:72px;line-height:1.7}.input-mini::placeholder{color:#475569}.btn-orange{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0ea5e9);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:Noto Sans JP,sans-serif;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 24px #06b6d44d}.btn-orange:hover{transform:translateY(-2px);box-shadow:0 8px 32px #06b6d480}.btn-orange:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-bottom:20px;padding:28px 24px}.result-card h3{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex}.result-card p,.result-card .content{color:#cbd5e1;font-size:.9rem;line-height:1.8}.type-badge{border-radius:16px;align-items:center;margin:12px 0 16px;padding:16px 32px;font-size:1.6rem;font-weight:900;display:inline-flex}.cta-box{text-align:center;background:linear-gradient(135deg,#1a1d27 0%,#0f1117 100%);border:2px solid #06b6d466;border-radius:20px;margin:2rem 0;padding:40px 28px}.cta-box h2{color:#fff;margin-bottom:12px;font-size:1.4rem;font-weight:900}.cta-box p{color:#94a3b8;max-width:450px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.7}.cta-button{color:#fff;background:linear-gradient(135deg,#06b6d4,#0ea5e9);border-radius:12px;padding:16px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 24px #06b6d44d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #06b6d480}.loader{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:4rem 0;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #ffffff1a;border-top-color:#06b6d4;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.footer{text-align:center;color:#475569;border-top:1px solid #ffffff0d;margin-top:2rem;padding:2rem 0;font-size:.7rem}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:640px){.grid-2{grid-template-columns:1fr}}