html,body,#root{color:#fff;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.app-container{background:#050505;border-left:1px solid #033;border-right:1px solid #033;flex-direction:column;width:100vw;max-width:500px;height:100vh;display:flex}.center-screen{background:#000;border-left:1px solid #033;border-right:1px solid #033;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:500px;height:100vh;display:flex}.title{color:#0ff;letter-spacing:2px;text-align:center;margin:20px 0;font-size:1.5rem}.text-3xl{font-size:2.5rem}.green-text{color:#39ff14}.ml-2{margin-left:.5rem}.input:focus{border-color:#0ff}.btn-cyan{color:#000;cursor:pointer;background:#0ff;border:none;border-radius:6px;padding:10px 16px;font-weight:700;transition:all .2s}.btn-cyan:hover{background:#0cc}.btn-danger{color:#fff;cursor:pointer;background:#ff003c;border:none;border-radius:20px;padding:10px 20px;font-weight:700}.btn-text{cursor:pointer;background:0 0;border:none;font-size:1rem}.dashboard{flex-direction:column;height:100%;display:flex}.tab-nav{border-bottom:1px solid #033;display:flex}.tab-btn{color:#555;cursor:pointer;background:#000;border:none;border-bottom:2px solid #0000;flex:1;padding:15px;font-weight:700}.tab-btn.active{color:#0ff;background:#0a0a0a;border-bottom:2px solid #0ff}.friend-card{cursor:pointer;background:#0a0a0a;border:1px solid #033;border-radius:8px;align-items:center;margin-bottom:10px;padding:15px;transition:all .2s;display:flex}.friend-card:hover{background:#111;border-color:#0ff}.avatar{color:#000;background:#0ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.friend-info{flex-direction:column;margin-left:15px;display:flex}.sec-card{color:#fff;background:#0a0a0a;border:1px solid #033;border-radius:8px;margin-bottom:10px;padding:15px}.chat-container{flex-direction:column;height:100%;display:flex;position:relative}.bubble.mine{color:#fff;background:#055;border-bottom-right-radius:2px;align-self:flex-end}.bubble.peer{color:#fff;background:#111;border:1px solid #055;border-bottom-left-radius:2px;align-self:flex-start}.chat-input{color:#0ff;background:#000;border:1px solid #055;border-radius:20px;outline:none;flex:1;padding:12px 15px}.spinner{border:4px solid #033;border-top-color:#0ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Courier New,Courier,monospace}html,body,#root{color:#fff;background-color:#000;width:100vw;height:100vh;overflow:hidden}.app-container,.center-screen{background:#000;border-left:1px solid #033;border-right:1px solid #033;flex-direction:column;width:100%;max-width:500px;height:100vh;margin:0 auto;display:flex;position:relative}.center-screen{justify-content:center;align-items:center}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.title{color:#0ff;text-align:center;font-weight:700}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.tracking-widest{letter-spacing:.1em}.cyan-text{color:#0ff}.text-gray{color:#888}.text-white{color:#fff}.text-yellow-500{color:#facc15}.bg-gray-900{background-color:#111}.bg-green-500{background-color:#39ff14}.border{border:1px solid}.border-yellow-500{border-color:#facc15}.border-cyan-500{border-color:#0ff}.rounded{border-radius:.5rem}.input{color:#0ff;background:#111;border:1px solid #033;border-radius:8px;outline:none;width:100%;padding:15px}.btn-cyan{color:#000;cursor:pointer;background:#0ff;border:none;border-radius:8px;padding:0 15px;font-weight:700}.btn-danger{color:#fff;cursor:pointer;background:#ff003c;border:none;border-radius:8px;font-weight:700}.btn-text{cursor:pointer;background:0 0;border:none}.btn-icon{cursor:pointer;background:0 0;border:none;font-size:1.5rem}.login-box{flex-direction:column;align-items:center;width:85%;display:flex}.tab-content{flex:1;padding:20px;overflow-y:auto}.friend-card{cursor:pointer;background:#121212;border:1px solid #033;border-radius:10px;align-items:center;margin-bottom:12px;padding:15px;display:flex;box-shadow:0 2px 5px #00ffff1a}.friend-card:hover{border-color:#0ff}.avatar{color:#000;border-radius:23px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:700;display:flex}.chat-container{flex-direction:column;height:100%;display:flex}.chat-header{background:#050505;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:15px;display:flex}.message-list{flex-direction:column-reverse;flex:1;padding:15px;display:flex;overflow-y:auto}.bubble{word-break:break-all;border-radius:12px;max-width:80%;margin-bottom:10px;padding:14px}.bubble.mine{color:#fff;background:#055;align-self:flex-end}.bubble.peer{color:#fff;background:#111;border:1px solid #055;align-self:flex-start}.input-row{background:#000;border-top:1px solid #055;padding:15px;display:flex}.chat-input{color:#0ff;background:#000;border:1px solid #055;border-radius:25px;outline:none;flex:1;margin:0;padding:14px 20px}.call-overlay{z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}