:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#d9dbd5;--header:#075e54;--header-text:#f5fbfa;--header-muted:#c8dedb;--chat-bg:#efeae2;--incoming:#fff;--outgoing:#d9fdd3;--text:#111b21;--muted:#667781;--chip:#ffffffed;--bar:#f0f2f5;--border:#111b211f;--focus:#00a884;--shadow:#0b141a24}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:linear-gradient(to bottom, #00a884 0 126px, var(--app-bg) 126px 100%);color:var(--text);font-family:Segoe UI,Arial,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app{background:var(--chat-bg);width:min(100%,1120px);height:min(100dvh - 28px,960px);box-shadow:0 8px 30px var(--shadow);grid-template-rows:64px auto minmax(0,1fr) 54px;margin:14px auto;display:grid;position:relative;overflow:hidden}.chat-header{z-index:3;background:var(--header);color:var(--header-text);align-items:center;gap:12px;padding:9px 16px;display:flex}.avatar,.login-avatar{color:#075e54;background:#d7f4ef;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{flex:0 0 42px;height:42px;font-size:20px}.contact{flex:1;min-width:0}.contact h1{margin:0;font-size:16px;font-weight:600}.contact p{color:var(--header-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.header-button,.search-panel button{color:inherit;background:0 0;border:1px solid #ffffff5c;border-radius:8px;padding:8px 12px}.header-button:active,.search-panel button:active,.latest-button:active{transform:translateY(1px)}.search-panel{z-index:2;border-bottom:1px solid var(--border);background:var(--bar);padding:10px 14px}.search-panel label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.search-row{gap:8px;display:flex}.search-panel input{border:1px solid var(--border);background:var(--incoming);min-width:0;color:var(--text);border-radius:8px;outline:none;flex:1;padding:9px 12px}.search-panel input:focus{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--focus) 25%, transparent)}.search-panel button{border-color:var(--border);background:var(--incoming);color:var(--text)}.search-panel p{color:var(--muted);margin:7px 2px 0;font-size:12px}.messages{overscroll-behavior:contain;background-color:var(--chat-bg);scrollbar-color:#54656f73 transparent;background-image:radial-gradient(circle at 20px 20px,#5b69600e 1.5px,#0000 1.6px),radial-gradient(circle at 60px 60px,#5b69600a 2px,#0000 2.1px);background-size:80px 80px;min-height:0;position:relative;overflow:hidden auto}.message-list{width:min(100%,940px);min-height:100%;margin:0 auto;padding:12px 24px 18px}.day-chip{z-index:1;background:var(--chip);width:max-content;max-width:calc(100% - 32px);box-shadow:0 1px 2px var(--shadow);color:var(--muted);text-align:center;border-radius:8px;margin:10px auto 12px;padding:6px 11px;font-size:12px;position:sticky;top:8px}.message-row{margin:2px 0;display:flex}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.bubble{background:var(--incoming);border-radius:8px;max-width:min(76%,660px);padding:7px 9px 5px;position:relative;box-shadow:0 1px 1px #0b141a1a}.outgoing .bubble{background:var(--outgoing)}.first-in-group.incoming .bubble{border-top-left-radius:2px}.first-in-group.outgoing .bubble{border-top-right-radius:2px}.message-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14.2px;line-height:1.36}.message-meta{float:right;color:var(--muted);margin:5px 0 -1px 10px;font-size:10.8px;line-height:1}.outgoing .message-meta:after{content:" ✓✓";color:#53bdeb;font-weight:700}.system-message{background:var(--chip);width:fit-content;max-width:min(88%,620px);box-shadow:0 1px 1px var(--shadow);color:var(--muted);text-align:center;border-radius:8px;margin:10px auto;padding:6px 10px;font-size:11.5px;line-height:1.35}.media{border-radius:7px;width:min(100%,420px);margin:-2px -2px 4px;display:block}img.media{object-fit:contain;background:#0000000f;height:auto;max-height:520px}video.media{background:#111;max-height:520px}audio.media{width:min(360px,100%);margin:3px 0 5px}.file-card{min-width:min(320px,70vw);color:var(--text);background:#ffffff80;border-radius:8px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.file-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-badge{color:#fff;background:#d84a4a;border-radius:5px;padding:5px 7px;font-size:11px;font-weight:700}.missing-media{color:var(--muted);margin:0 0 4px;font-size:12px;font-style:italic}.readonly-bar{z-index:2;border-top:1px solid var(--border);background:var(--bar);color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;display:flex}.latest-button{z-index:4;border:1px solid var(--border);background:var(--incoming);box-shadow:0 2px 8px var(--shadow);color:var(--text);border-radius:18px;padding:9px 13px;position:absolute;bottom:68px;right:18px}.login-page{place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{background:var(--incoming);width:min(100%,390px);box-shadow:0 12px 40px var(--shadow);border-radius:14px;padding:32px}.login-avatar{width:58px;height:58px;margin-bottom:22px;font-size:26px}.login-card h1{margin:0;font-size:24px}.login-card>p{color:var(--muted);margin:8px 0 24px;line-height:1.5}.login-card label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.login-card input{border:1px solid var(--border);background:var(--bar);width:100%;color:var(--text);border-radius:8px;outline:none;padding:11px 12px}.login-card input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}.login-card button{color:#fff;background:#087f6b;border:0;border-radius:8px;width:100%;margin-top:16px;padding:11px 14px;font-weight:600}.login-card .login-error{color:#c53b3b;margin:8px 0 0;font-size:13px}@media (max-width:720px){body{background:var(--chat-bg)}.app{width:100%;height:100dvh;box-shadow:none;margin:0}.message-list{padding-inline:10px}.bubble{max-width:88%}.header-button{padding-inline:8px}.search-row{flex-wrap:wrap}.search-panel input{flex-basis:100%}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0b141a;--header:#202c33;--header-text:#e9edef;--header-muted:#aebac1;--chat-bg:#0b141a;--incoming:#202c33;--outgoing:#005c4b;--text:#e9edef;--muted:#aebac1;--chip:#202c33f0;--bar:#202c33;--border:#e9edef21;--shadow:#00000061}body{background:linear-gradient(to bottom, #111b21 0 126px, var(--app-bg) 126px 100%)}.file-card{background:#ffffff12}}