:root{--bg-1: #dff3f7;--bg-2: #f7fbdc;--ink: #12343b;--muted: #4f6d74;--teal: #1a9bb0;--teal-deep: #0e7385;--coral: #f26a4b;--leaf: #2f9e6e;--card: rgba(255, 255, 255, .82);--mine: #c8f0e0;--theirs: #ffffff;--line: rgba(18, 52, 59, .1);--shadow: 0 16px 40px rgba(18, 52, 59, .12);--radius: 22px;--font-display: "Nunito", "Outfit", system-ui, sans-serif;--font-body: "Outfit", "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.75),transparent 28%),radial-gradient(circle at 88% 12%,rgba(242,106,75,.18),transparent 26%),linear-gradient(160deg,var(--bg-1),#cfeef4 42%,var(--bg-2));background-attachment:fixed}a{color:var(--teal-deep)}h1,h2,.brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.brand{margin:0;font-size:2rem;color:var(--teal-deep)}.brand.compact{font-size:1.35rem}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:4px}.brand-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 8px 24px #12343b24}.sub,.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.loading{display:grid;place-items:center;min-height:100vh;font-family:var(--font-display);font-weight:700;color:var(--teal-deep)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px 40px}.auth-card,.panel,.modal{width:min(440px,100%);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:28px 22px}.auth-card h1,.panel h1{margin:8px 0 6px;font-size:1.7rem}.stack{display:grid;gap:14px;margin-top:18px}label{display:grid;gap:6px;font-weight:600;font-size:.92rem}input[type=text],input[type=password],input:not([type]),.composer-input{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink)}input:focus,.composer-input:focus{outline:2px solid rgba(26,155,176,.35);border-color:var(--teal)}.btn{border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-deep)}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--teal-deep)}.btn.danger{background:#f26a4b24;color:#b13a22}.error{color:#b13a22;margin:0}.success{color:var(--leaf);margin:0}.app-shell{width:min(720px,100%);min-height:100vh;margin:0 auto;display:flex;flex-direction:column;background:#ffffff73;border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);box-shadow:0 0 60px #12343b0f}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.row{display:flex;gap:8px;align-items:center}.chat-list,.panel{flex:1;padding:18px 16px 28px;width:100%}.list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.list-head h1{margin:0}.push-banner{width:100%;margin-bottom:14px;border:1px dashed rgba(26,155,176,.45);background:#1a9bb014;color:var(--teal-deep);border-radius:14px;padding:10px 12px;font:inherit;font-weight:600;cursor:pointer}.convos,.pending-list,.peer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.convo-row,.peer-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;text-decoration:none;color:inherit;background:#fffc;border:1px solid var(--line);border-radius:18px;padding:12px}.peer-row{border:0;font:inherit;cursor:pointer}.convo-meta{flex:1;min-width:0}.convo-top,.convo-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.92rem}.badge{background:var(--coral);color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:.75rem;font-weight:800;padding:0 6px}.avatar{border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#7cd3df,#2f9e6e);color:#fff;display:grid;place-items:center;flex-shrink:0;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.empty-state,.empty{text-align:center;padding:40px 12px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#12343b59;display:grid;place-items:end center;padding:16px;z-index:20}.modal{margin-bottom:8px;animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-shell{height:100vh;max-height:100dvh}.chat-top{gap:10px;justify-content:flex-start}.back{text-decoration:none;color:var(--teal-deep);font-weight:800;font-size:1.2rem;padding:4px 8px}.chat-peer{display:flex;align-items:center;gap:10px}.messages{flex:1;overflow-y:auto;padding:16px 14px 12px;display:flex;flex-direction:column;gap:8px}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(78%,420px);padding:10px 12px 6px;border-radius:18px;box-shadow:0 4px 14px #12343b0f}.bubble.mine{background:var(--mine);border-bottom-right-radius:6px}.bubble.theirs{background:var(--theirs);border-bottom-left-radius:6px}.bubble-text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.35}.bubble-media{display:block;max-width:100%;border-radius:12px;margin-top:6px}.bubble time{display:block;text-align:right;font-size:.72rem;color:var(--muted);margin-top:4px}.composer{border-top:1px solid var(--line);background:#ffffffdb;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.composer-row{display:flex;gap:8px;align-items:center}.composer-input{flex:1}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff;font-size:1.15rem;display:grid;place-items:center;cursor:pointer}.btn.send{padding-inline:16px}.emoji-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.emoji-bar button{border:0;background:transparent;font-size:1.35rem;cursor:pointer;padding:4px}.attach-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;color:var(--muted)}.pad{padding:0 14px}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:8px}.profile-hero h1{margin:0;font-size:1.5rem}.pending-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#ffffffd9;border:1px solid var(--line);border-radius:16px;padding:12px}.pending-list li .muted{display:block;margin-top:2px}.admin-shell .panel{width:min(640px,100%);margin:0 auto;background:transparent;box-shadow:none;border:0;padding-top:8px}@media(min-width:900px){.app-shell{margin-top:18px;margin-bottom:18px;min-height:calc(100vh - 36px);border-radius:28px;overflow:hidden}.chat-shell{height:calc(100vh - 36px);max-height:calc(100dvh - 36px)}.modal-backdrop{place-items:center}}