@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Sinhala:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--orange:#ff6b00;--bg:#0f0f0f;--muted:#96908d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans Sinhala',sans-serif;background:var(--bg);color:#fff;height:100vh;height:100dvh;display:flex;flex-direction:column}.header{background:linear-gradient(100deg,#ff6b00,#ff2d55);padding:20px 16px 18px;text-align:center;flex-shrink:0;box-shadow:0 3px 25px #0003}.header h1{font-size:26px;letter-spacing:-.7px;font-weight:700;margin-bottom:5px}.header p{font-size:12px;line-height:1.8}.chat{flex:1;min-height:0;overflow-y:auto;padding:24px 18px;max-width:600px;align-self:center;width:100%;scrollbar-width:thin;scrollbar-color:#39302b transparent}.day{text-align:center;color:#817873;font-size:10px;letter-spacing:1.8px;margin:3px 0 27px}.msg{padding:14px 18px;border-radius:18px;margin:12px 0;max-width:85%;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;animation:arrive .2s ease-out}.user{background:var(--orange);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.ai{background:#222;border:1px solid #333;border-bottom-left-radius:4px}.pending{color:#b7aaa2}.composer{background:#1a1a1a;border-top:1px solid #2b2622;padding:12px 12px max(12px,env(safe-area-inset-bottom));width:100%;max-width:600px;align-self:center}.inputArea{display:flex;gap:10px;align-items:center}.inputArea input{min-width:0;flex:1;padding:15px 18px;border-radius:28px;border:1px solid #444;background:#101010;color:#fff;outline:none;font:inherit;font-size:13px}.inputArea input:focus{border-color:var(--orange);box-shadow:0 0 0 2px #ff6b0026}.btn{width:48px;height:48px;flex-shrink:0;border-radius:50%;border:none;background:var(--orange);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}.btn svg{width:23px;height:23px}.btn:hover{background:#e85e00;transform:translateY(-1px)}button:focus-visible{outline:2px solid #fff;outline-offset:4px}.btn:disabled{opacity:.45;cursor:wait;transform:none}.note{text-align:center;font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}.installBtn{background:#25d366;color:#102819;padding:12px;text-align:center;cursor:pointer;border:0;font:inherit;font-size:12px}.installBtn[hidden]{display:none}.retry{display:block;margin-top:10px;padding:6px 12px;border-radius:20px;background:#39302b;border:1px solid #645044;color:#fff;cursor:pointer;font:inherit;font-size:12px}.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}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){.header{padding:24px}.chat{padding-top:32px}.composer{border:1px solid #2b2622;border-bottom:0;border-radius:20px 20px 0 0;padding:16px 18px}.msg{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}