:root{--navy: #00224d;--blue: #157cc0;--bg: #f4f8fb;--surface: #ffffff;--text: #0d1b2a;--muted: #5b6b7c;--line: #dde5ee;--error: #b3261e;--ok: #157cc0;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Hebrew,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #0b1622;--surface: #13212f;--text: #e6edf4;--muted: #93a4b5;--line: #233446;--error: #ff8a80;--ok: #6cc4f0;color-scheme:dark}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg)}h1{font-size:1.4rem;margin:.5rem 0}h2{font-size:1rem;margin:0 0 .25rem}p{margin:.5rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}.ok{color:var(--ok)}.pad{padding:0 16px}.center{display:grid;place-items:center;height:100%;padding:24px;text-align:center}button,input,textarea{font:inherit}button{border:0;border-radius:999px;padding:10px 20px;cursor:pointer;background:var(--blue);color:#fff;font-weight:600}button:disabled{opacity:.45;cursor:default}button.secondary{background:transparent;color:var(--blue)}button.link{background:none;color:var(--blue);padding:8px}input,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}input:focus,textarea:focus{outline:2px solid var(--blue);border-color:transparent}label{display:grid;gap:6px;color:var(--muted);font-size:.9rem;margin:12px 0}form button{margin-top:8px}.page{padding:24px 16px}.narrow{max-width:420px;margin:0 auto}.narrow form>button:not(.link){width:100%}.logo{width:64px;height:64px;margin:24px 0 8px}.screen{display:flex;flex-direction:column;height:100%;max-width:760px;margin:0 auto;background:var(--bg)}.topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:56px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar h1{flex:1;font-size:1.15rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .back{font-size:2rem;line-height:1;text-decoration:none;color:var(--blue);padding:0 8px}.status{color:var(--muted);font-size:.8rem}.list{flex:1;overflow-y:auto}.row{display:grid;gap:2px;padding:14px 16px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;background:var(--surface)}a.row:hover,.button-row:hover{background:color-mix(in srgb,var(--surface) 92%,var(--blue))}.button-row{width:100%;border-radius:0;text-align:start;font-weight:400;color:inherit;grid-template-columns:1fr auto;margin:0}.row-over{grid-column:1;font-size:.75rem;color:var(--muted)}.row-title{grid-column:1;font-size:1rem}.row-sub{color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-action{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--blue);font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:48px 24px}.fab{position:fixed;inset-inline-end:max(16px,calc(50% - 364px));bottom:24px;padding:14px 22px;box-shadow:0 4px 14px #0000002e}.sheet{padding:12px 16px 16px;border-top:1px solid var(--line);background:var(--surface)}.buttons{display:flex;justify-content:flex-end;gap:8px}.inline{display:flex;gap:8px;align-items:center}.inline button{margin:0;white-space:nowrap}.messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.bubble{align-self:flex-start;max-width:min(80%,480px);padding:8px 12px;border-radius:14px;background:var(--surface);box-shadow:0 1px 1px #0000000f}.bubble.mine{align-self:flex-end;background:var(--blue);color:#fff}.sender{font-size:.75rem;color:var(--blue);font-weight:600;margin-bottom:2px}.text{white-space:pre-wrap;overflow-wrap:anywhere}.composer{display:flex;align-items:flex-end;gap:8px;padding:12px;background:var(--surface);border-top:1px solid var(--line)}.draft{flex:1;display:grid;gap:4px}.composer textarea{resize:none;max-height:140px;field-sizing:content}.send{width:48px;height:48px;padding:0;display:grid;place-items:center;flex:none;margin:0 0 2px}[dir=rtl] .mirror-rtl,:dir(rtl) .mirror-rtl{transform:scaleX(-1)}.spinner:after{content:"";width:32px;height:32px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}