:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#dbdee1;background:#313338;margin:0}#root{height:100vh}.login-screen{background:#313338;justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:#2b2d31;border-radius:8px;width:340px;padding:32px;box-shadow:0 8px 24px #0006}.login-card h1{color:#fff;text-align:center;margin:0 0 4px;font-size:24px}.login-sub{text-align:center;color:#949ba4;margin:0 0 20px;font-size:13px}.login-card form{flex-direction:column;gap:10px;display:flex}.login-card input{color:#dbdee1;background:#1e1f22;border:1px solid #1e1f22;border-radius:4px;padding:10px 12px;font-size:14px}.login-card button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;margin-top:8px;padding:11px;font-size:14px;font-weight:600}.login-card button:disabled{cursor:not-allowed;background:#454952}.login-error{color:#f23f42;font-size:12px}.app-shell{height:100%;display:flex}.muted{color:#949ba4;font-size:13px}.app-sidebar{background:#2b2d31;border-right:1px solid #1e1f22;flex-direction:column;width:280px;display:flex;overflow-y:auto}.app-sidebar-header{color:#fff;border-bottom:1px solid #1e1f22;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.app-main{flex:1;display:flex;overflow:hidden}.app-main>.muted{margin:auto}.chat-window{flex-direction:column;flex:1;height:100%;display:flex}.chat-header{color:#fff;border-bottom:1px solid #1e1f22;padding:12px 16px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat-message{display:flex}.chat-message.mine{justify-content:flex-end}.chat-message.theirs{justify-content:flex-start}.chat-bubble{word-break:break-word;border-radius:12px;max-width:60%;padding:8px 12px;font-size:14px}.chat-message.mine .chat-bubble{color:#fff;background:#5865f2}.chat-message.theirs .chat-bubble{color:#dbdee1;background:#2b2d31}.chat-input-row{border-top:1px solid #1e1f22;gap:8px;padding:12px 16px;display:flex}.chat-input-row input{color:#dbdee1;background:#1e1f22;border:1px solid #1e1f22;border-radius:4px;flex:1;padding:10px 12px;font-size:14px}.chat-input-row button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:0 16px;font-size:14px}.friends-panel{flex-direction:column;gap:16px;padding:12px;display:flex}.add-friend-form{gap:6px;display:flex}.add-friend-form input{color:#dbdee1;background:#1e1f22;border:1px solid #1e1f22;border-radius:4px;flex:1;padding:6px 8px;font-size:13px}.add-friend-form button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:6px 10px;font-size:12px}.friends-message{color:#23a55a;font-size:12px}.friends-panel h3,.groups-panel h3{text-transform:uppercase;color:#949ba4;margin:0 0 8px;font-size:12px}.sidebar-tabs{border-bottom:1px solid #1e1f22;display:flex}.sidebar-tabs button{color:#949ba4;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:13px}.sidebar-tabs button.active{color:#fff;border-bottom-color:#5865f2}.groups-panel{flex-direction:column;gap:12px;padding:12px;display:flex}.create-group-btn{color:#fff;cursor:pointer;background:#4e5058;border:none;border-radius:4px;padding:8px;font-size:13px}.create-group-form{background:#232428;border-radius:4px;flex-direction:column;gap:8px;padding:10px;display:flex}.create-group-form input[type=text]{color:#dbdee1;background:#1e1f22;border:1px solid #1e1f22;border-radius:4px;padding:6px 8px;font-size:13px}.member-picker{flex-direction:column;gap:4px;max-height:140px;display:flex;overflow-y:auto}.member-checkbox{align-items:center;gap:6px;font-size:13px;display:flex}.create-group-form button[type=submit]{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:4px;padding:8px;font-size:13px}.chat-sender{color:#949ba4;margin-bottom:2px;font-size:11px}.friend-row{border-radius:4px;justify-content:space-between;align-items:center;padding:6px 4px;font-size:14px;display:flex}.friend-row:hover{background:#34363c}.friend-name{cursor:pointer}.friend-actions{gap:4px;display:flex}.friend-actions button{color:#fff;cursor:pointer;background:#4e5058;border:none;border-radius:4px;padding:4px 8px;font-size:12px}.friend-actions button.ghost{color:#949ba4;background:0 0}