:root{--bg-color: #121212;--sidebar-color: #1A1A1A;--input-bg: #1E1E1E;--bubble-partner: #2A2A2A;--bubble-self: #FFFFFF;--text-normal: #E0E0E0;--text-inverse: #000000;--text-muted: #A0A0A0;--accent-color: #FFFFFF;--border-color: #2E2E2E;--error-color: #CF6679;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--transition-speed: .3s}body.light-theme{--bg-color: #F0F2F5;--sidebar-color: #FFFFFF;--input-bg: #FFFFFF;--bubble-partner: #FFFFFF;--bubble-self: #0084FF;--text-normal: #050505;--text-inverse: #FFFFFF;--text-muted: #65676B;--accent-color: #0084FF;--border-color: #CED0D4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-normal);line-height:1.5;height:100vh;overflow:hidden}a{color:var(--accent-color);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:opacity var(--transition-speed)}button:hover{opacity:.8}input,textarea{background-color:var(--input-bg);color:var(--text-normal);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;font-family:inherit}input:focus,textarea:focus{outline:1px solid var(--accent-color);border-color:var(--accent-color)}.container{display:flex;height:100vh}.hidden{display:none!important}.reaction-btn{cursor:pointer;margin-left:5px;font-size:1.1em;opacity:.6;transition:opacity .2s}.reaction-btn:hover{opacity:1}.reaction-menu{position:absolute;bottom:100%;right:0;background:#333;padding:5px 10px;border-radius:20px;box-shadow:0 4px 10px #0000004d;display:flex;gap:8px;z-index:10;margin-bottom:5px}.reaction-menu.hidden{display:none}.reaction-menu span{cursor:pointer;font-size:1.2em;transition:transform .2s}.reaction-menu span:hover{transform:scale(1.3)}.reactions-display{display:flex;gap:4px;padding-top:4px;padding-bottom:2px;flex-wrap:wrap;justify-content:flex-end}.partner .reactions-display{justify-content:flex-start}.reaction-pill{background:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:.8em;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1)}.message-content{position:relative}.btn-theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-normal);padding:5px 10px;border-radius:20px;font-size:1.2rem;margin-right:10px}.btn-theme-toggle:hover{background-color:#ffffff1a}body.light-theme .btn-theme-toggle:hover{background-color:#0000000d}