:root{color-scheme:dark;font-family:system-ui,'Malgun Gothic',sans-serif;background:#0b0c0f;color:#eceef3}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:24px 20px 40px}header,.row,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}a{color:#d1fe17;text-underline-offset:4px;font-size:14px}.intro{padding:38px 0 20px}.intro span{color:#d1fe17;font-size:14px;letter-spacing:2px}h1{font-size:clamp(28px,6vw,42px);margin:12px 0}p{line-height:1.65}details,.chat{border:1px solid #343843;border-radius:16px;padding:20px;background:#15171c;margin:16px 0}summary{cursor:pointer;font-weight:700}details p,footer{color:#b8becc;font-size:14px}label{display:block;font-size:14px;margin:10px 0}input,textarea,select,button{font:inherit}input[type=password],textarea,select{background:#0b0c0f;color:#eceef3;border:1px solid #525a6a;border-radius:8px;padding:12px;max-width:100%}input[type=password]{flex:1;min-width:160px}textarea,select{width:100%}button{background:#252a35;color:#eceef3;border:1px solid #525a6a;border-radius:9px;padding:11px 15px;cursor:pointer;min-height:44px}#connect,#send{background:#d1fe17;color:#111;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #d1fe17;outline-offset:3px}#messages{height:330px;overflow:auto;padding:15px 0;overscroll-behavior:contain}.bubble{padding:14px 16px;border-radius:12px;background:#252a35;white-space:pre-wrap;overflow-wrap:anywhere;max-width:92%;margin:10px 0;line-height:1.7}.user{margin-left:auto;background:#25371e}#status{font-size:14px;color:#d1fe17;min-height:24px}.row{margin-top:10px}.toolbar button{font-size:14px}.toolbar label{margin-right:auto}footer{line-height:1.7}[hidden]{display:none!important}@media(max-width:480px){main{padding:16px 12px}details,.chat{padding:14px}.intro{padding-top:26px}.bubble{max-width:96%}#messages{height:300px}}
