:root{--bg:#e5f1dc;--text:#17211b;--muted:#738078;--line:#d9e4dc;--accent:#27835e;--soft:#dff4e6}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eaf4df,#dcebd3);color:var(--text);font:16px/1.45 Inter,system-ui,sans-serif}main{width:min(100%,680px);min-height:100vh;margin:auto;padding:14px 10px 72px}header{display:flex;justify-content:space-between;align-items:start;padding:0 10px 10px}.eyebrow{letter-spacing:.16em;color:#24704f;font-size:11px;font-weight:700;margin:0}button,input,textarea{font:inherit}button{color:var(--text);background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 11px;cursor:pointer}header button{padding:6px 9px}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.modes button{min-height:45px;padding:8px 5px;font-size:11px;line-height:1.15;background:#fff;border-color:#d5dfd9}.modes button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--soft);color:#155435}#messages{display:grid;gap:10px;min-height:250px;padding:0 10px}.message{max-width:72%;padding:5px 2px;box-shadow:none}.wendy{background:transparent;border:0;color:#21372a}.user{background:#d7f3df;margin-left:auto;border-radius:12px;padding:9px 11px;max-width:62%}.typing{color:#64756b;font-style:italic;font-size:13px;padding:3px 2px}#welcome{max-width:90%;padding:4px 2px}#welcome p{margin:0;color:#314139}#welcome h2{font-size:18px;margin:10px 0 14px}#composer{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,680px);padding:9px 12px 12px;background:#f8faf8;border-top:1px solid #dce6df}.composer-field{display:flex;align-items:center;gap:6px}.composer-field textarea{flex:1;min-height:46px;max-height:110px;resize:none;padding:12px 6px;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #00000012;color:var(--text)}.composer-field #attach,.composer-field #voice,.composer-field #send{width:42px;min-width:42px;height:42px;padding:0;border-radius:50%;font-size:18px}.composer-field #attach{border:0;background:transparent;color:#6d7a72}.composer-field #voice{border:0;background:#fff;color:#32775a}.composer-field #send{border:0;background:#2a8a63;color:#fff;font-size:17px}.composer-field #send[hidden],.composer-field #voice[hidden]{display:none}#voice.recording{background:#fff0ef!important;color:#b42318!important}.quiet{font-size:12px;color:var(--muted);margin:5px 48px 0}.error{color:#b42318}dialog{color:var(--text);background:#fff;border:1px solid var(--line);border-radius:18px;width:min(92vw,550px)}dialog::backdrop{background:#18251c66}dialog label{display:block;padding:8px 0}menu{display:flex;justify-content:end;gap:8px;padding:0;margin:18px 0}.danger{color:#b42318}@media(max-width:360px){.modes button{font-size:10px;padding:7px 2px}}
:root{--bg:#eaf2e5;--ink:#16271d;--green:#176b47;--mint:#cfe8d6;--mist:#f6faf5;--shadow:0 12px 36px #29513a18}body{background:radial-gradient(circle at 8% 5%,#f9fff6 0 10%,transparent 34%),radial-gradient(circle at 95% 15%,#d3ebd6 0 5%,transparent 30%),linear-gradient(145deg,#edf4e8,#dcebd7);color:var(--ink);letter-spacing:-.01em}main{padding:20px 14px 88px}header{padding:0 8px 18px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--green)}header button{border-radius:12px;width:34px;height:34px;padding:0;background:#ffffffaa;border-color:#ffffff;box-shadow:0 4px 16px #1f513015}#messages{gap:14px;padding:0 8px;min-height:300px}.message{max-width:78%;font-size:15px;line-height:1.52}.wendy{color:#1f3427;padding:5px 3px}.user{max-width:68%;padding:10px 13px;border-radius:18px 18px 4px 18px;background:linear-gradient(135deg,#d8f2df,#c7e9d3);box-shadow:0 5px 16px #1d68421a}.typing{font-size:12px;letter-spacing:.02em;color:#5e7768}#welcome{max-width:100%;padding:18px;border-radius:22px;background:#ffffff8c;border:1px solid #ffffff;box-shadow:var(--shadow);backdrop-filter:blur(12px)}#welcome p{font-size:14px;color:#577062}#welcome h2{font-size:20px;letter-spacing:-.025em;margin:8px 0 15px}.modes{gap:8px}.modes button{min-height:52px;border-radius:14px;background:#ffffffa8;border:1px solid #dce9df;font-size:11px;font-weight:600;color:#365244;transition:.18s ease}.modes button:active{transform:scale(.97)}.modes button.active{background:#e0f3e4;border-color:#63a87c;box-shadow:0 0 0 3px #82bb9222;color:#145d3b}#composer{width:min(100%,680px);padding:11px 14px 14px;background:#f9fcf8e8;border-top:1px solid #ffffffcc;backdrop-filter:blur(18px)}.composer-field{gap:7px;padding:5px 6px 5px 8px;border-radius:22px;background:#fff;box-shadow:0 8px 25px #1b4a2b18}.composer-field textarea{min-height:40px;padding:10px 5px;box-shadow:none;border-radius:0;font-size:15px}.composer-field #attach,.composer-field #voice,.composer-field #send{width:39px;min-width:39px;height:39px}.composer-field #attach{color:#789083}.composer-field #voice{background:#edf7ef;color:#237451}.composer-field #send{background:linear-gradient(135deg,#24865b,#126943);box-shadow:0 5px 14px #196a4655}.quiet{margin:6px 13px;color:#667c6d}.error{color:#b42318}@media(max-width:360px){main{padding-left:8px;padding-right:8px}.modes button{font-size:10px}.message{max-width:84%}}