*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e8e8e8}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{background:#1a1d24;padding:2.5rem;border-radius:12px;width:320px;display:flex;flex-direction:column;gap:.75rem}.auth-card h1{margin:0;text-align:center}.subtitle{text-align:center;color:#9aa0a6;margin:0 0 .5rem}.auth-card input{padding:.65rem .8rem;border-radius:8px;border:1px solid #333;background:#0f1115;color:#fff}.auth-card button{padding:.7rem;border-radius:8px;border:none;background:#4f6df5;color:#fff;font-weight:600;cursor:pointer}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.error{color:#ff6b6b;font-size:.9rem}.switch-link{text-align:center;font-size:.9rem;color:#9aa0a6}.switch-link a{color:#4f6df5}.chat-page{height:100vh;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#1a1d24}.username{margin-right:1rem;color:#9aa0a6}.logout-btn,.skip-btn,.find-btn,.video-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:#2a2e38;color:#fff;cursor:pointer}.find-btn{background:#4f6df5;padding:.8rem 1.6rem;font-size:1rem}.chat-main{flex:1;display:flex;overflow:hidden}.center-panel{margin:auto;text-align:center}.matched-panel{display:flex;flex-direction:column;width:100%;padding:1rem 1.5rem}.partner-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #2a2e38}.messages{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.msg{max-width:60%;padding:.5rem .8rem;border-radius:10px}.msg.mine{align-self:flex-end;background:#4f6df5}.msg.theirs{align-self:flex-start;background:#2a2e38}.system-msg{text-align:center;color:#9aa0a6;font-size:.85rem}.message-form{display:flex;gap:.5rem;padding-top:.75rem}.message-form input{flex:1;padding:.7rem;border-radius:8px;border:1px solid #333;background:#1a1d24;color:#fff}.message-form button{padding:.7rem 1.2rem;border-radius:8px;border:none;background:#4f6df5;color:#fff;cursor:pointer}.video-call-panel{padding:.75rem 0}.call-status{color:#9aa0a6}.incoming-call{display:flex;align-items:center;gap:.75rem}.incoming-call button{padding:.5rem 1rem;border-radius:8px;border:none;background:#4f6df5;color:#fff;cursor:pointer}.incoming-call .reject{background:#e05555}.video-grid{position:relative;display:flex;gap:.5rem;margin-bottom:.75rem}.local-video,.remote-video{width:240px;height:180px;background:#000;border-radius:8px;object-fit:cover}.end-call{align-self:flex-start;padding:.5rem 1rem;border-radius:8px;border:none;background:#e05555;color:#fff;cursor:pointer}