@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');*{box-sizing:border-box}:root{--green:#274634;--sage:#eaf2e7;--line:#dfe8dc;--muted:#728879}body{margin:0;background:#f7f6ef;color:var(--green);font:13px 'DM Sans',sans-serif}#root{min-height:100dvh;max-width:690px;margin:0 auto;display:flex;flex-direction:column;border-inline:1px solid var(--line);background:#fcfdf9}.head{padding:23px 25px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font:27px 'DM Serif Display',serif}.brand small{display:block;font:10px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:2px;margin-top:3px}.badge{border-radius:30px;padding:9px 11px;font-size:10px;font-weight:800;background:var(--sage);color:#466c51}.content{flex:1;padding:24px 21px;min-height:370px;overflow:auto;max-height:calc(100dvh - 175px)}h1{font:34px 'DM Serif Display',serif;margin:0 0 10px}p{color:var(--muted);line-height:1.7}.notice{background:var(--sage);padding:16px;border-radius:14px;line-height:1.7;font-size:12px;margin:18px 0}.card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.btn{background:var(--green);color:white;border:0;border-radius:10px;padding:12px 16px;cursor:pointer;font:700 12px 'DM Sans',sans-serif}.btn.secondary{background:white;color:var(--green);border:1px solid #bfd3c1}.btn:disabled{opacity:.55;cursor:not-allowed}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.msg{background:#edf3e9;border:1px solid var(--line);max-width:90%;margin:12px 0;padding:14px;border-radius:14px 14px 14px 4px;white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.msg.visitor{background:#dbe9d9;margin-left:auto;border-radius:14px 14px 4px 14px}.msg small{display:block;font-size:10px;color:#7c9881;margin-top:7px}.bottom{position:sticky;bottom:0;padding:14px;background:#fff;border-top:1px solid var(--line)}.send{display:flex;gap:9px}.send input,.field input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:white;color:var(--green);font:inherit;min-width:0}.bottom small{color:var(--muted);display:block;margin-top:10px}.field{display:grid;gap:8px;margin:12px 0}.field label{font-size:11px;font-weight:700}.lead{background:#fff;padding:16px;border:1px solid var(--line);border-radius:12px}.error{padding:12px;background:#ffefed;color:#8b4b3c;border-radius:10px}.success{padding:12px;background:#e1f4e4;color:#376546;border-radius:10px}.typing{color:var(--muted);padding:12px}.consent{display:flex;align-items:flex-start;gap:10px;line-height:1.7;margin:12px 0 18px}.consent input{margin-top:4px}input:focus{outline:2px solid #a7c6ae}@media(min-width:720px){body{padding:10px}#root{min-height:calc(100dvh - 20px);border-radius:18px;overflow:hidden}.content{max-height:calc(100dvh - 190px)}}

:root[data-theme="midnight"]{--green:#e6ebe6;--sage:#2d4039;--line:#3c5447;--muted:#b5c6b9;color-scheme:dark}
:root[data-theme="midnight"] body{background:#192923;color:#e6ebe6}:root[data-theme="midnight"] #root{background:#192923}:root[data-theme="midnight"] .head,:root[data-theme="midnight"] .bottom,:root[data-theme="midnight"] .lead{background:#21372d}:root[data-theme="midnight"] .msg{color:#dcebdc;background:#344c3d}:root[data-theme="midnight"] .msg.visitor{background:#42634a}:root[data-theme="midnight"] .btn{background:#b9d7bc;color:#1a3425}:root[data-theme="midnight"] input{background:#2c4738;color:#fff}
:root[data-theme="oat"]{--green:#584637;--sage:#efe7d8;--line:#e3d8c5;--muted:#817463}:root[data-theme="oat"] body{background:#f9f6ef}
:root[data-theme="ocean"]{--green:#214d60;--sage:#e5eff3;--line:#cfe0e6;--muted:#6a8796}:root[data-theme="ocean"] body{background:#f4f8fa}