:root{--ink:#eaf0ff;--muted:#aab7d5;--line:#293554;--surface:#111a30;--panel:#182442;--accent:#7c9cff;--good:#65d7a8;--bg:#09101f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#172650,transparent 40%),var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif}a{color:inherit}.shell{max-width:1040px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{font-weight:800;letter-spacing:.02em}.badge{font-size:12px;color:#c8d4ff;border:1px solid #5066a6;background:#1c2b50;border-radius:999px;padding:3px 9px}.back{font-size:13px;color:var(--muted);text-decoration:none}.hero{padding:48px 0 28px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:.13em;color:#9eb3ff;font-weight:700}.hero h1{font-size:clamp(29px,5vw,48px);line-height:1.15;margin:8px 0}.hero p{color:var(--muted);max-width:670px}.notice{border:1px solid #53628b;background:#121d36;color:#c9d4f2;border-radius:10px;padding:11px 14px;font-size:13px}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:20px}.card{background:linear-gradient(140deg,#182442,#101a31);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 16px 35px #03071355}.card h2{font-size:17px;margin:0 0 12px}.card p{color:var(--muted);font-size:14px}.field{display:block;margin:12px 0 6px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;color:var(--ink);background:#0c1428;border:1px solid #3b4b70;border-radius:9px;padding:10px;font:inherit}textarea{min-height:94px;resize:vertical}button{background:linear-gradient(135deg,#7898ff,#8e70ed);color:#071027;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;margin-top:14px}button:hover{filter:brightness(1.1)}.result{margin-top:15px;border-left:3px solid var(--good);background:#0b1729;padding:13px;min-height:54px;white-space:pre-wrap}.list{display:grid;gap:9px}.item{border:1px solid var(--line);padding:11px;border-radius:10px;color:var(--muted)}.item strong{color:var(--ink);display:block}.foot{padding:36px 0 12px;color:#8290b0;font-size:12px}@media(max-width:720px){.shell{padding:16px}.grid{grid-template-columns:1fr}.hero{padding-top:32px}.top{gap:12px;flex-wrap:wrap}}
