*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1a1a1a;color:#e0e0e0;min-height:100vh}.chat-panel{max-width:480px;margin:2rem auto;padding:1.5rem;border:1px solid #333;border-radius:8px;background:#252525}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.messages{height:320px;overflow-y:auto;padding:.5rem 0}.message{margin-bottom:.75rem;max-width:85%}.message.self{margin-left:auto;text-align:right}.message.self .message-content{display:inline-block;padding:.5rem .75rem;background:#2d5a3d;border-radius:12px 12px 12px 2px}.message.partner .message-content{display:inline-block;padding:.5rem .75rem;background:#333;border-radius:12px 12px 2px 12px}.input-row{display:flex;gap:.5rem;margin-top:.5rem}.input-row input{flex:1 1;padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1a;color:#e0e0e0}.input-row input:focus{outline:none;border-color:#555}button{padding:.5rem 1rem;border:1px solid #444;border-radius:6px;background:#333;color:#e0e0e0;cursor:pointer}button:hover:not(:disabled){background:#444}button:disabled{opacity:.5;cursor:not-allowed}.interest-input{margin-bottom:1rem}.interest-input label{display:block;margin-bottom:.25rem;font-size:.9rem;color:#aaa}.interest-input input{width:100%;padding:.5rem .75rem;border:1px solid #444;border-radius:6px;background:#1a1a1a;color:#e0e0e0}.error{color:#c55;margin-bottom:.5rem}.spinner{display:inline-block;width:1rem;height:1rem;margin-left:.5rem;border:2px solid #444;border-top-color:#e0e0e0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mode-choice{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.mode-label{font-size:.9rem;color:#aaa}.mode-btn{padding:.4rem .75rem}.mode-btn.active{background:#2d5a3d;border-color:#3d7a4d}.video-call-videos{position:relative;aspect-ratio:16/10;background:#1a1a1a;border-radius:8px;overflow:hidden;margin-top:.5rem}.video-wrapper{position:absolute;inset:0}.video-wrapper.local{top:auto;left:auto;right:.5rem;bottom:.5rem;width:160px;height:120px;border-radius:8px;border:2px solid #333;overflow:hidden}.video-wrapper.local .video-element,.video-wrapper.remote .video-element{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#888;font-size:.9rem}.video-call-messages{height:160px;margin-top:.5rem}