:root{--bg:#070a1b;--panel:rgba(255,255,255,.055);--line:rgba(255,255,255,.12);--text:#f7f9ff;--muted:#aab4d0;--cyan:#24d9ff}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 8%,rgba(28,116,255,.24),transparent 30%),radial-gradient(circle at 86% 24%,rgba(242,42,214,.16),transparent 28%),var(--bg)}
.page{width:min(100%,680px);margin:0 auto;padding:24px 18px 44px}.back{display:inline-block;margin-bottom:22px;color:#cbd5f4;text-decoration:none;font-size:14px}
.hero{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(35,95,255,.13),rgba(230,48,211,.07))}
.hero img{width:82px;height:82px;border-radius:22px;object-fit:cover}.eyebrow{margin:0 0 6px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.15em}
h1{margin:0;font-size:38px;letter-spacing:-.04em}.sub{margin:5px 0 0;color:var(--muted);font-size:14px}.intro{padding:30px 4px 16px}.intro h2{margin:0 0 12px;font-size:27px;line-height:1.35}.intro p{margin:0;color:var(--muted);line-height:1.8}
.status{display:grid;grid-template-columns:12px 1fr;gap:12px;margin:12px 0 22px;padding:16px;border:1px solid rgba(36,217,255,.2);border-radius:18px;background:rgba(36,217,255,.055)}
.dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:#ffca45;box-shadow:0 0 15px rgba(255,202,69,.6)}.status strong{font-size:15px}.status p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.questions{display:grid;gap:10px}.label{margin:0 0 2px;color:#94a3c7;font-size:12px;letter-spacing:.06em}.questions button,.input-row input,.input-row button{min-height:52px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);font:inherit}
.questions button{text-align:left;padding:0 16px;color:#9ba6c6}.chat{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.chat label{display:block;margin-bottom:9px;font-weight:700}.input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.input-row input{padding:0 15px;min-width:0}.input-row button{padding:0 20px;color:#7e89aa}.notice{margin:10px 2px 0;color:#7f89a8;font-size:11px;line-height:1.6}
footer{display:flex;justify-content:space-between;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:#707a99;font-size:11px}
@media(max-width:480px){.page{padding:18px 16px 34px}.hero{align-items:flex-start}.hero img{width:70px;height:70px}h1{font-size:32px}.intro h2{font-size:24px}.input-row{grid-template-columns:1fr}}