@charset "UTF-8";
:root{font-family:Segoe UI,system-ui,sans-serif;color:#203c35;background:#f5f4ee;font-size:16px}*{box-sizing:border-box}body{margin:0}.demo{background:#e8ddbb;padding:10px;text-align:center;font-size:12px;letter-spacing:.6px}header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 24px}.brand{font-family:Georgia,serif;font-size:32px}small,.muted{color:#69766e}main{max-width:1060px;margin:12px auto;padding:0 24px 50px}h1{font-family:Georgia,serif;font-weight:400;font-size:40px;line-height:1.15}h2{font-family:Georgia,serif;font-weight:400}p{line-height:1.6}nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}button,.button{border:1px solid #cbd4ca;border-radius:12px;padding:12px 17px;background:white;color:#244a3e;font:inherit;cursor:pointer;min-height:46px}button:hover{background:#e7eee4}button.active,button.primary{background:#244a3e;color:white;border-color:#244a3e}.card{background:#fff;border:1px solid #dce1d7;border-radius:20px;padding:26px;margin:18px 0}.intro{background:#23483e;color:#fff;padding:30px;border-radius:22px}.intro p{color:#d3e1d6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;margin:16px 0 6px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #b8c6ba;border-radius:10px;background:#fff;color:#203c35}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:auto;margin-right:10px}form button{margin-top:16px}.chat{max-width:800px}.bubble{padding:18px 20px;background:#eef2e9;border-radius:16px;margin:18px 0;white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.bubble.user{background:#244a3e;color:white;margin-left:12%}.bubble small{display:block;margin-bottom:7px;color:inherit;opacity:.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.badge{font-size:12px;background:#edf1e6;padding:5px 10px;border-radius:20px}.login{max-width:760px;margin:40px auto}.empty{padding:32px;color:#69766e;border:1px dashed #bccbbb;border-radius:18px}#error:not(:empty){position:fixed;bottom:20px;left:20px;right:20px;max-width:700px;background:#753f2d;color:white;border-radius:12px;padding:16px;z-index:10}a{color:#244a3e}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bc963c;outline-offset:3px}@media(max-width:650px){.grid{grid-template-columns:1fr}header{padding:20px}main{padding:0 16px 30px}h1{font-size:32px}nav{display:grid;grid-template-columns:1fr 1fr}nav button{font-size:14px;padding:10px}.card{padding:19px}.intro{padding:22px}.bubble.user{margin-left:5%}}