@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{font-family:Nunito,Arial,sans-serif;color:#163e34;background:#f8f3ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d78456;outline-offset:2px}.chat{height:100dvh;max-width:900px;margin:auto;display:flex;flex-direction:column;background:var(--wall);font-family:var(--font)}.chat-header,.settings-screen header{background:#1e4c3e;color:#fff9ec;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:12px;box-shadow:0 2px 12px #1c342920}.brand{display:flex;align-items:center;gap:12px;font-family:Nunito,sans-serif}.brand>span{display:grid;place-items:center;background:#f7edda;color:#1e4c3e;border-radius:14px;width:48px;height:48px;flex:none}.brand strong{font-size:20px;font-weight:900;line-height:1.1}.brand small{display:block;font-size:13px;margin-top:5px;font-weight:600;opacity:.85}.header-actions{display:flex}.icon{color:inherit;border:0;background:transparent;padding:10px;border-radius:12px;display:grid;place-items:center}.icon:hover{background:#ffffff20}.conversation{flex:1;overflow-y:auto;padding:20px max(18px,calc((100% - 720px)/2)) 28px;overscroll-behavior:contain}.day{text-align:center;margin:5px 0 22px}.day span{display:inline-block;background:#e9dfcf;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:800}.message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}.message-row.mine{flex-direction:row-reverse}.avatar,.account>span,.choices button span{display:grid;place-items:center;border-radius:50%;color:#fff;width:37px;height:37px;flex:none;font-family:Nunito,sans-serif;font-weight:900}.bubble{max-width:min(78%,510px);background:#fffaf1;border-radius:18px 18px 18px 4px;padding:12px 14px 8px;box-shadow:0 2px 5px #2042340a;overflow:hidden}.mine .bubble{background:#dcebe1;border-radius:18px 18px 4px}.message-top{display:flex;align-items:center;gap:12px;font-size:14px}.message-top strong{font-weight:900}.delete{margin-left:auto;border:0;background:transparent;color:#7a8e80;padding:2px;display:flex}.message-text{font-size:var(--size);line-height:var(--line);word-spacing:var(--word);white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.bubble time{display:block;text-align:right;font:12px Nunito;color:#6e8377;margin-top:5px}.attachment{margin-top:8px}.attachment img,.attachment video{display:block;max-width:100%;max-height:420px;border-radius:12px}.attachment audio{max-width:100%;width:270px;height:42px}.document{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere;color:#205242;font-weight:700}.download{display:flex;align-items:center;gap:5px;color:#315e4e;font-size:12px;font-weight:800;text-decoration:none;margin-top:8px}.compose-area{background:#f8f3ea;padding:10px 18px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e6e0d4}.composer{max-width:760px;margin:auto;display:flex;align-items:flex-end;gap:8px}.composer textarea{border:1px solid #ded8cd;background:#fffefa;color:#163e34;border-radius:24px;padding:13px 16px;resize:none;flex:1;min-width:0;max-height:120px;line-height:1.4}.compose-icon,.send{border:0;border-radius:50%;height:48px;width:48px;flex:none;display:grid;place-items:center}.compose-icon{background:#eee6d9;color:#205345}.send{background:#1e4c3e;color:#fff}.recording{background:#fae2d9;color:#a4362d}.record-dot{height:9px;width:9px;border-radius:50%;background:#b84035}.draft{max-width:760px;margin:0 auto 8px;display:flex;gap:9px;align-items:center;color:#315b4d;font-size:14px;flex-wrap:wrap}.draft span{overflow-wrap:anywhere}.draft button,.notice button{border:0;background:transparent;margin-left:auto;color:inherit}.draft audio{height:38px;max-width:100%}.compose-hint{max-width:760px;margin:5px auto 0;text-align:center;font-size:11px;color:#768a7e}.error,.notice{max-width:760px;margin:0 auto 8px;padding:10px 14px;border-radius:10px;background:#fae2da;color:#8d342b;font-size:14px}.notice{display:flex;background:#e8eee2;color:#345b48}.empty{text-align:center;color:#648173;margin:18vh auto;max-width:300px}.empty h2{font-size:19px;color:#285a49}.muted{text-align:center;color:#6f8377}.auth{max-width:1000px;margin:auto;min-height:100dvh;padding:32px 40px;display:flex;flex-direction:column}.auth .brand>span{background:#1e4c3e;color:#fff4df}.auth section{max-width:410px;width:100%;margin:auto}.auth h1{font-size:52px;letter-spacing:-.05em;line-height:1.1;margin:14px 0}.auth p,.settings-content p{color:#6c8074;line-height:1.5}.kicker{font-size:11px;letter-spacing:.16em;font-weight:900;color:#74887c}.auth form{display:grid;gap:16px;margin-top:25px}.auth label,.settings-content label{display:grid;gap:8px;font-weight:800;font-size:14px}.auth input,.settings-content select{width:100%;padding:14px;border:1px solid #d2dacf;border-radius:12px;background:#fff;color:#163e34}.primary{background:#245b49;color:#fff;border:0;border-radius:12px;min-height:52px;font-weight:800}.choices{display:grid;gap:10px;margin-top:26px}.choices button{display:flex;align-items:center;gap:14px;border:1px solid #dee5d9;border-radius:12px;background:#fff;color:#244c3e;padding:12px;text-align:left;font-weight:800}.settings-screen{min-height:100dvh;background:#f8f5ed;max-width:900px;margin:auto}.settings-screen header{justify-content:flex-start;position:sticky;top:0;z-index:2}.settings-screen h1{font-size:21px;margin:0}.settings-content{max-width:620px;margin:auto;padding:28px 22px 60px}.account{display:flex;align-items:center;gap:14px;padding:5px 0 25px;border-bottom:1px solid #deded5}.account>span{width:50px;height:50px;font-size:20px}.account strong,.account small{display:block}.account small{color:#809185;margin-top:4px}.settings-content h2{font-size:21px;margin:30px 0 5px}.settings-content>label{margin-top:22px}.range-label span,.color-label{display:flex;justify-content:space-between;align-items:center}.range-label b{color:#6d8376;font-weight:600}.range-label input{accent-color:#285b4c;width:100%}.color-label{border-bottom:1px solid #e3e6dc;padding-bottom:12px}.color-label input{width:48px;height:36px;border:0;background:transparent;padding:0;cursor:pointer}.secondary,.logout{border:1px solid #a7b9a9;border-radius:10px;background:transparent;color:#285b4c;font-weight:800;padding:13px 16px;margin-top:24px}.settings-divider{height:1px;background:#deded5;margin-top:32px}.logout{display:flex;align-items:center;gap:9px;color:#9a4a3a;border-color:#ddb5aa}@media(max-width:600px){.chat-header{padding:11px 13px}.brand>span{height:42px;width:42px}.brand strong{font-size:18px}.brand small{font-size:12px}.icon{padding:8px}.conversation{padding:17px 12px 20px}.bubble{max-width:82%;padding:10px 12px 7px}.avatar{width:32px;height:32px;font-size:13px}.compose-area{padding-left:8px;padding-right:8px}.composer{gap:5px}.compose-icon,.send{width:42px;height:42px}.composer textarea{padding:10px 12px}.auth{padding:25px 22px}.auth h1{font-size:45px}}.update-layer{position:fixed;z-index:100;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100% - 28px));padding:18px;background:#fffdf7;border:1px solid #ccd9cc;border-radius:16px;box-shadow:0 10px 40px #173e3330;color:#214a3d;display:flex;gap:18px;align-items:center;justify-content:space-between}.update-copy strong,.update-copy span{display:block}.update-copy strong{font-weight:900}.update-copy span{font-size:14px;line-height:1.4;margin-top:4px}.update-actions{display:flex;gap:7px;flex-shrink:0}.update-actions button{border:0;background:transparent;border-radius:10px;padding:11px;font-size:14px;font-weight:800;color:#28594a}.update-actions .update-primary{background:#245a49;color:#fff}@media(max-width:600px){.update-layer{display:block}.update-actions{margin-top:12px;justify-content:flex-end}}