:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#20304b;background:#f3f5f9;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#243d6b;color:white;display:flex;justify-content:space-between;gap:12px;padding:18px 24px;position:sticky;top:0;z-index:2}header strong{font-size:24px;margin-right:14px}header span{font-size:13px}main{max-width:1000px;margin:20px auto;padding:0 18px 36px}section,details{background:white;border:1px solid #dbe1eb;border-radius:12px;padding:18px;margin:12px 0}section section{border:0;padding:0}label{display:block;margin:10px 0}input,textarea,select,button{font:inherit;border-radius:7px;border:1px solid #b9c5d9;padding:10px}textarea,input{width:100%;background:white}textarea{resize:vertical}button{background:#eef2f8;color:#20304b;cursor:pointer}button:hover{background:#dfe8f7}button:disabled{opacity:.5;cursor:wait}form>button,#send{background:#243d6b;color:white}nav,.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}nav{border-bottom:1px solid #dbe1eb;padding:12px 0;margin-bottom:14px}nav button.active{background:#243d6b;color:white}.toolbar{font-size:13px}.toolbar label{margin:0}details{font-size:13px;line-height:1.7}summary{cursor:pointer}#chat{max-height:55vh;overflow:auto;padding:12px 0}.message{padding:12px 16px;background:#f2f5fa;border-radius:10px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.message.me{background:#e5edfa;margin-left:12%}.message small{display:block;color:#63718a}.message .actions{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.card{border:1px solid #dbe1eb;border-radius:9px;padding:14px;margin:12px 0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.6}.card h3{margin:0 0 8px;font-size:16px}#notice{white-space:pre-wrap;color:#9c3b23;line-height:1.6}.muted{color:#69778b;font-size:13px}a{color:#244d91}pre{white-space:pre-wrap}#pair{max-width:500px;margin:40px auto}[hidden]{display:none!important}@media(max-width:520px){main{padding:0 10px 20px;margin:10px auto}header{padding:12px}header strong{font-size:20px}section{padding:12px}.toolbar{gap:6px}button{padding:9px}nav{gap:5px}nav button{font-size:13px}.message{padding:10px}#chat{max-height:48vh}}