:root{--bg:#f5f9fd;--surface:#fff;--surface2:#f4f8fc;--surface3:#eaf1f7;--border:#dce6ef;--text:#17212b;--muted:#71808f;--accent:#3b82f6;--accent2:#60a5fa;--green:#16a34a;--danger:#e11d48;--shadow:0 10px 28px rgba(25,55,80,.08)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text)}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body.light{--bg:#f5f9fd;--surface:#fff;--surface2:#f4f8fc;--surface3:#eaf1f7;--border:#dce6ef;--text:#17212b;--muted:#71808f;--accent:#2563eb;--accent2:#60a5fa;--shadow:0 10px 28px rgba(25,55,80,.08)}.sidebar{background:rgba(255,255,255,.92);box-shadow:4px 0 18px rgba(25,55,80,.04);backdrop-filter:blur(12px)}.topbar{background:rgba(245,249,253,.92);backdrop-filter:blur(12px)}.panel,.contact-card,.resource-card,.settings-panel,.empty-state,.dropzone{box-shadow:0 5px 20px rgba(25,55,80,.045)}.brand-mark{box-shadow:none}.primary{background:var(--accent);box-shadow:0 5px 14px rgba(37,99,235,.18)}.outgoing{background:#dbeafe;color:#17324d;border:1px solid #bfdbfe}.outgoing time{color:#60758a}.messages{background:#f8fbfe}.message{box-shadow:none}.search{background:#fff}.icon-btn:hover,.nav-item:hover,.chat-row:hover,.chat-row.selected{background:#eef5fb}.toast{background:#18324a;box-shadow:0 8px 24px rgba(20,50,75,.2)}.mobile-nav{display:none}@media(max-width:700px){.topbar{gap:8px}.topbar .uid-chip{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;height:58px;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:18px;z-index:30;box-shadow:0 8px 26px rgba(25,55,80,.12);backdrop-filter:blur(12px)}.mobile-nav button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:18px;display:grid;place-items:center;gap:0;cursor:pointer}.mobile-nav button span{font-size:9px}.mobile-nav button.active{color:var(--accent)}.workspace{padding-bottom:70px}.view{padding-bottom:20px}.search{display:flex;max-width:none}.mobile-brand{display:none}.split-layout{height:calc(100vh - 90px)}.composer{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:420px){.topbar .primary{padding:8px 10px;font-size:12px}.uid-chip{font-size:9px}.section-head h1,.page-heading h1{font-size:20px}.messages{padding:14px}.message{max-width:90%}}