:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-height:100vh}#root{width:100%}*{box-sizing:border-box}#root{width:100%;height:var(--viewport-height, 100dvh);margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}body,html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;font-family:Arial,sans-serif;background-color:#121212;color:#e0e0e0}a{color:#4a9eff;text-decoration:none}a:hover{text-decoration:underline}.landing-page{flex:1;overflow-y:auto;overflow-x:hidden;background-color:#121212;display:flex;flex-direction:column;align-items:center;width:100%}.landing-header{width:100%;max-width:1000px;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.landing-logo{font-size:48px;color:#4a9eff;font-weight:700}.landing-main{width:100%;max-width:800px;padding:20px}.hero{padding:40px 0;text-align:center;border-bottom:1px solid #333}.hero h1{font-size:36px;margin-bottom:20px}.hero p{font-size:18px;color:#aaa;line-height:1.6;margin-bottom:30px}.about-section,.safety-section,.faq-section{padding:40px 0;border-bottom:1px solid #333;text-align:left}.about-section h2,.safety-section h2,.faq-section h2{color:#4a9eff;margin-bottom:20px}.about-section p,.safety-section p,.faq-item p{line-height:1.6;color:#ccc;margin-bottom:15px}.safety-section ul{padding-left:20px}.safety-section li{margin-bottom:10px;color:#ccc}.faq-item{margin-bottom:20px}.faq-item h3{font-size:18px;margin-bottom:8px;color:#fff}.landing-footer{width:100%;max-width:800px;padding:40px 20px;text-align:center;color:#666;font-size:14px}.landing-footer p{margin:5px 0}.header{background-color:#1f1f1f;color:#4a9eff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;flex-shrink:0}.header h1{margin:0;font-size:24px;font-weight:700}.online-count{font-size:13px;color:#888}.interest-box{width:100%;max-width:400px;margin:20px auto;text-align:left}.interest-box p{font-size:14px;margin-bottom:8px;color:#aaa}.interest-box input{width:100%;padding:12px;font-size:16px;background-color:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px}.interest-box input:focus{outline:none;border-color:#4a9eff}.interests-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.interest-pill{background-color:#333;color:#fff;padding:4px 10px;border-radius:16px;font-size:14px;cursor:pointer;border:1px solid #444;transition:all .2s;display:flex;align-items:center;gap:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interest-pill:hover{background-color:#444;border-color:#4a9eff}.interest-pill .remove{color:#888;font-size:18px;line-height:1}.interest-pill:hover .remove{color:#ff4a4a}.start-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.start-btn{background-color:#4a9eff;color:#fff;border:none;padding:15px 40px;font-size:24px;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .2s}.start-btn:hover{background-color:#357abd}.mode-buttons{display:flex;gap:10px}.mode-btn{background-color:#333;color:#fff;border:1px solid #444;padding:10px 20px;font-size:16px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s}.mode-btn:hover{background-color:#444;border-color:#4a9eff}.chat-container{flex:1;display:flex;flex-direction:column;background-color:#121212;height:100%;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px}.message{line-height:1.5;font-size:16px;word-wrap:break-word}.message .label{font-weight:700}.message.me .label{color:#4a9eff}.message.stranger .label,.message.stranger1 .label{color:#ff4a4a}.message.stranger2 .label{color:#ff9f4a}.message.status{color:#888;font-style:italic;font-size:14px;margin:10px 0;text-align:center}.message.disconnect{color:#ff4a4a;font-weight:700;font-size:14px;margin:10px 0;text-align:center}.question-box{background-color:#007bff;color:#fff;padding:15px;border-radius:8px;margin-bottom:15px;font-weight:700;text-align:center;box-shadow:0 2px 4px #0003}.controls{padding:15px;display:flex;background-color:#1f1f1f;border-top:1px solid #333;gap:10px;flex-shrink:0}.controls button{padding:10px;font-weight:700;cursor:pointer;border-radius:4px;border:none}.stop-btn{background-color:#333;color:#fff;width:80px;transition:background-color .2s}.stop-btn:hover{background-color:#444}.input-area{flex:1;padding:12px;font-size:16px;background-color:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;resize:none;height:40px;line-height:1.2}.input-area:focus{outline:none;border-color:#4a9eff}.input-area:disabled{opacity:.5;cursor:not-allowed}.send-btn{background-color:#4a9eff;color:#fff;width:80px;transition:background-color .2s}.send-btn:hover:not(:disabled){background-color:#357abd}.send-btn:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{padding:5px 0;font-size:13px;color:#666;font-style:italic;height:20px}.ask-input-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ask-input-content{background:#1f1f1f;padding:25px;border-radius:8px;max-width:500px;width:100%;border:1px solid #444;display:flex;flex-direction:column;gap:15px}.ask-input-content h3{margin:0;color:#4a9eff;font-size:18px}.ask-input-content textarea{width:100%;height:100px;padding:12px;background-color:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;resize:none;font-size:16px;box-sizing:border-box}.ask-input-content textarea:focus{outline:none;border-color:#4a9eff}.ask-input-actions{display:flex;justify-content:flex-end;gap:10px}.ask-input-actions button{padding:10px 20px;font-weight:700;border-radius:4px;cursor:pointer;border:none}.cancel-btn{background-color:#333;color:#fff}.submit-btn{background-color:#4a9eff;color:#fff}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.debug-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.debug-content{background:#1f1f1f;padding:20px;border-radius:8px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;border:1px solid #444}.debug-content h3{margin-top:0;color:#4a9eff}.debug-content pre{background:#121212;padding:10px;border-radius:4px;white-space:pre-wrap;word-wrap:break-word;font-size:12px;color:#ccc}.debug-content button{margin-top:15px;padding:10px 20px;background:#4a9eff;color:#fff;border:none;border-radius:4px;cursor:pointer}.update-banner{background-color:#ff4a4a;color:#fff;text-align:center;padding:10px;font-weight:700;width:100%;z-index:1001}.messages::-webkit-scrollbar,.landing-page::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track,.landing-page::-webkit-scrollbar-track{background:#121212}.messages::-webkit-scrollbar-thumb,.landing-page::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover,.landing-page::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:600px){.landing-logo{font-size:32px}.hero h1{font-size:28px}.landing-main{padding:10px}.hero,.about-section,.safety-section,.faq-section{padding:20px 0}}