:root{font-family:"Malgun Gothic",system-ui,sans-serif;color:#19342e;background:#f8faf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}aside{width:288px;background:#eaf0eb;padding:38px 26px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:1px}.brand span{display:block;font-size:11px;letter-spacing:1px;margin-top:9px;color:#65776e}.document{margin-top:65px;border-top:1px solid #c6d4ca;padding-top:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#75877c}h2{font-size:24px;margin:18px 0}.document p{font-size:13px;color:#65776e;margin:9px 0}.doc-link{display:inline-block;margin-top:24px;background:white;border:1px solid #d3ded6;border-radius:8px;text-decoration:none;font-size:13px;padding:12px 18px}.rules{margin-top:45px}.rules h3{font-size:13px}.rules p,.aside-note{font-size:12px;line-height:1.9;color:#687b70}.aside-note{margin-top:auto;padding-top:30px;font-size:11px}main{margin-left:288px;width:calc(100% - 288px);padding-bottom:25px}header{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 42px;border-bottom:1px solid #e4ebe6;font-size:13px}header div{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#348061}header button{background:transparent;border:1px solid #dce4de;border-radius:6px;color:#6b7e73;padding:8px 12px;font-size:11px}.intro,#messages,.composer{max-width:820px;margin-left:auto;margin-right:auto}.intro{padding:55px 32px 20px}h1{font-size:40px;line-height:1.4;font-weight:650;letter-spacing:-1.8px;margin:17px 0}.intro>p{font-size:14px;color:#76857b;line-height:1.8}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 5px}.suggestions button{background:white;color:#587163;border:1px solid #dce5df;border-radius:8px;padding:11px 13px;font-size:12px;text-align:left}.suggestions button:hover{border-color:#458b6c;background:#f0f6f1}#messages{padding:5px 32px 10px}.message{margin:18px 0;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.message .role{font-size:11px;font-weight:700;color:#718579;display:block;margin-bottom:6px}.message.user{margin-left:15%;background:#eaf1ec;padding:14px 19px;border-radius:12px 12px 2px 12px}.message.assistant{background:white;border:1px solid #e0e8e2;border-radius:12px;padding:20px}.message.error{color:#a13c30}.answer{white-space:pre-wrap}.sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.sources a{border:1px solid #d5e4da;background:#f1f7f3;text-decoration:none;font-size:11px;color:#3a7758;padding:5px 10px;border-radius:5px}.composer{padding:20px 32px}.composer form{background:white;border:1px solid #ccdcd0;border-radius:13px;padding:16px;box-shadow:0 6px 30px #183d2510}.composer textarea{display:block;width:100%;resize:vertical;border:0;background:transparent;outline:none;min-height:58px;font-size:14px;line-height:1.7;color:#234335}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.form-bottom span{font-size:10px;color:#8b9990}#send{border:0;background:#21563f;color:white;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:bold}button:disabled{opacity:.5;cursor:wait}.composer>p{font-size:10px;color:#8c9991;text-align:center;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #338360;outline-offset:4px}.composer form:focus-within{border-color:#5e9374}@media(min-width:1400px){.intro{padding-top:80px}}@media(max-width:850px){aside{width:220px;padding:28px 20px}main{margin-left:220px;width:calc(100% - 220px)}header{padding:0 25px}h1{font-size:32px}.intro,#messages,.composer{padding-left:25px;padding-right:25px}}@media(max-width:620px){body{display:block}aside{position:static;width:100%;padding:19px 22px;display:block}.brand{font-size:14px}.brand span{display:inline;margin-left:12px;font-size:10px}.document{margin:18px 0 0;padding:15px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.document h2{font-size:14px;margin:0}.document .eyebrow,.document p,.rules,.aside-note{display:none}.doc-link{font-size:11px;padding:6px 10px;margin:0 0 0 auto}main{margin:0;width:100%}header{height:60px;padding:0 22px}.intro{padding-top:32px}h1{font-size:29px}.intro>p{font-size:12px}.suggestions{margin-top:20px;gap:7px}.suggestions button{font-size:11px}.form-bottom span{font-size:9px}.message{font-size:13px}.intro,#messages,.composer{padding-left:22px;padding-right:22px}}