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}.text-sm{font-size:.8rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.input{color:#0ff;background:#111;border:1px solid #033;border-radius:6px;outline:none;width:100%;padding:12px}.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}.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}.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}.tab-content{flex:1;padding:15px;overflow-y:auto}.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}.message-list{flex-direction:column-reverse;flex:1;padding:15px;display:flex;overflow-y:auto}.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}.call-overlay{z-index:10;background:#000a0af2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body,#root{background-color:#000;width:100%;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}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.w-45{width:45%}.w-85{width:85%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.p-2{padding:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.pt-10{padding-top:2.5rem}.pb-16{padding-bottom:4rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.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}.rounded{border-radius:.25rem}.cursor-pointer{cursor:pointer}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.cyan-text{color:#0ff}.green-text{color:#39ff14}.yellow-text{color:#facc15}.red-text{color:#ff003c}.text-white{color:#fff}.text-black{color:#000}.text-gray{color:#888}.bg-cyan{background-color:#0ff}.bg-black{background-color:#111}.bg-gray{background-color:#333}.border-yellow{border:1px solid #facc15}.led-light{border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px}.led-light.checking{color:#facc15;background-color:#facc15}.led-light.online{color:#39ff14;background-color:#39ff14}.led-light.offline{color:#ff003c;background-color:#ff003c}.input{color:#fff;background:#111;border:1px solid #033;border-radius:8px;outline:none;padding:15px}.input:focus{border-color:#0ff}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.btn-text{cursor:pointer;background:0 0;border:none;font-weight:700}.btn-danger{color:#fff;cursor:pointer;background:#ff003c;border:none;border-radius:8px;font-weight:700}.tab-content{height:100%;padding:16px;overflow-y:auto}.friend-card{cursor:pointer;background:#0a0a0a;border:1px solid #033;border-radius:8px;align-items:center;margin-bottom:10px;padding:15px;display:flex}.security-card{background:#0a0a0a;border:1px solid #033;border-radius:8px;align-items:center;margin-bottom:10px;padding:16px;display:flex}.avatar{color:#000;border-radius:21px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.avatar-huge{background:#111;border:2px solid;border-radius:50px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;font-size:45px;font-weight:700;display:flex}.chat-header{background:#050505;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:15px;display:flex}.chat-list{flex-direction:column-reverse;flex:1;padding:15px;display:flex;overflow-y:auto}.bubble{word-break:break-all;border-radius:10px;max-width:80%;margin-bottom:10px;padding:12px}.bubble-mine{background:#055;align-self:flex-end}.bubble-peer{background:#111;border:1px solid #055;align-self:flex-start}.bubble-error{border-color:#ff003c!important}.input-row{background:#000;border-top:1px solid #055;padding:10px 15px;display:flex}.chat-input{color:#0ff;background:#000;border:1px solid #055;border-radius:25px;outline:none;flex:1;padding:12px 14px}.send-btn{color:#000;cursor:pointer;background:#0ff;border:none;border-radius:25px;margin-left:10px;padding:0 20px;font-weight:700}.bottom-nav{background:#050505;border-top:1px solid #033;width:100%;height:60px;display:flex;position:absolute;bottom:0}.nav-btn{color:#555;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.nav-btn.active{color:#0ff}