/* contact.html 固有（site.css との重複は除去済み）*/
:root{--panel:#0A1119;--field:#0E1620;}
a{color:var(--cy);text-decoration:none}
.eb{font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text3);margin-bottom:16px}
.hero-stat{margin-top:26px;display:flex;gap:30px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--text3)}
.hero-stat b{color:var(--cy);font-weight:500;display:block;font-size:15px;margin-top:3px}
.section{padding:0 0 90px}
.grid{display:grid;grid-template-columns:1.32fr 1fr;gap:22px;align-items:start}
@media(max-width:900px){.grid{grid-template-columns:1fr}}
.panel{position:relative;background:linear-gradient(180deg,var(--deep),var(--panel));border:1px solid var(--edge);border-radius:18px;overflow:hidden}
.p-head{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--edge)}
.p-title{font-weight:400;font-size:14px;display:flex;align-items:center;gap:10px;color:var(--text)}
.led{width:6px;height:6px;border-radius:50%;background:var(--cy);box-shadow:0 0 8px var(--cy)}
.led.mg{background:var(--mg);box-shadow:0 0 8px var(--mg)}
.p-tag{font-family:var(--mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--text2)}
.p-body{padding:24px}
.chatlog{min-height:300px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:13px;padding-right:6px}
.chatlog::-webkit-scrollbar{width:6px}
.chatlog::-webkit-scrollbar-thumb{background:var(--edge2);border-radius:8px}
.cmsg{max-width:86%;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:300;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.cmsg.a{align-self:flex-start;background:var(--field);border:1px solid var(--edge);color:var(--text)}
.cmsg.u{align-self:flex-end;background:rgba(176,248,255,.09);border:1px solid rgba(176,248,255,.22);color:#eafdff}
.cmsg.s{align-self:center;color:var(--text);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.chatin{display:flex;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--edge)}
.chatin textarea{flex:1;height:50px;resize:none;background:var(--field);color:var(--text);font-weight:300;border:1px solid var(--edge2);border-radius:13px;padding:14px 16px;font-family:var(--ui);font-size:14px}
.chatin textarea::placeholder{color:var(--text);opacity:.5}
.chatin textarea:focus{outline:none;border-color:var(--cy);box-shadow:0 0 0 3px rgba(176,248,255,.1)}
.send{flex:none;width:50px;border:0;border-radius:13px;cursor:pointer;background:var(--cy);color:#04252b;font-size:18px;font-weight:600}
.send:hover{filter:brightness(1.06)}
.send:disabled{opacity:.4;cursor:default}
.foot{color:var(--text);font-size:11px;margin:15px 0 0;font-family:var(--mono);letter-spacing:.04em}
.axis{margin-bottom:18px}
.axis-label{font-size:12px;font-weight:400;color:var(--text);margin-bottom:9px;letter-spacing:.02em}
.sel{width:100%;background:var(--field);color:var(--text);font-weight:300;border:1px solid var(--edge2);border-radius:12px;padding:13px 15px;font-family:var(--ui);font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235D6D7E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.sel:focus{outline:none;border-color:var(--cy);box-shadow:0 0 0 3px rgba(176,248,255,.1)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:9px}
@media(max-width:430px){.seg{grid-template-columns:1fr}}
.seg-btn{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--field);color:var(--text);font-family:var(--ui);font-size:13px;font-weight:500;cursor:pointer;transition:.15s}
.seg-btn:hover{border-color:var(--edge2)}
.seg-btn.sel{border-color:rgba(176,248,255,.5);background:rgba(176,248,255,.05)}
.seg-btn em{font-style:normal;font-size:11px;font-weight:300;color:var(--text2)}
.chips{display:flex;flex-direction:column;gap:9px}
.chip{display:flex;gap:13px;align-items:flex-start;padding:13px 15px;border:1px solid var(--edge);border-radius:13px;cursor:pointer;transition:.15s;background:var(--field)}
.chip:hover{border-color:var(--edge2)}
.chip.sel{border-color:rgba(176,248,255,.5);background:rgba(176,248,255,.05)}
.chip .n{font-family:var(--mono);font-size:10.5px;color:var(--text);margin-top:2px}
.chip.sel .n{color:var(--cy)}
.chip .t{font-size:13.5px;font-weight:500;color:var(--text);display:block}
.chip .d{font-size:11.5px;color:var(--text);margin-top:3px;display:block;font-weight:300;opacity:.75}
.field{margin-bottom:15px}
.lab{display:block;font-size:12px;font-weight:400;color:var(--text);margin-bottom:8px;letter-spacing:.02em}
.req{color:var(--mg);margin-left:5px}
.inp,.ta{width:100%;background:var(--field);color:var(--text);font-weight:300;border:1px solid var(--edge2);border-radius:12px;padding:13px 15px;font-family:var(--ui);font-size:14px}
.inp::placeholder,.ta::placeholder{color:var(--text);opacity:.5}
.inp:focus,.ta:focus{outline:none;border-color:var(--cy);box-shadow:0 0 0 3px rgba(176,248,255,.1)}
.ta{height:104px;resize:vertical;line-height:1.7}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
@media(max-width:430px){.row2{grid-template-columns:1fr}}
.submit{width:100%;margin-top:20px;border:0;border-radius:13px;cursor:pointer;padding:16px;font-family:var(--ui);font-size:14.5px;font-weight:500;letter-spacing:.03em;background:var(--cy);color:#04252b}
.submit:hover{filter:brightness(1.05)}
.result{margin-top:15px;padding:14px 17px;border-radius:12px;font-size:13px;display:none}
.result.ok{display:block;background:rgba(176,248,255,.08);border:1px solid rgba(176,248,255,.35);color:#e0fdff}
.result.ng{display:block;background:rgba(255,183,235,.08);border:1px solid rgba(255,183,235,.35);color:#ffe4f5}
.note{color:var(--text2);font-size:10.5px;margin:15px 0 0;font-family:var(--mono)}
.note code{color:var(--text2)}
.ar{font-size:15px;line-height:1;transition:transform .32s}