button{margin:5px;}.post{background:#1e293b;margin:10px;padding:12px;border-radius:10px;text-align:left;}input{padding:8px;width:80%;border-radius:8px;border:none;margin-top:5px;}body{font-family:Arial;background:#0f172a;color:white;text-align:center;}.notif{background:#1e293b;margin:10px;padding:10px;border-radius:10px;text-align:left;}body{font-family:Arial;background:#0f172a;color:white;text-align:center;}.item{background:#1e293b;margin:15px;padding:15px;border-radius:12px;}button{padding:10px;background:#38bdf8;border:none;border-radius:8px;cursor:pointer;}body{font-family:Arial;background:#0f172a;color:white;text-align:center;}.game-box{background:#1e293b;margin:20px;padding:20px;border-radius:12px;}button{padding:10px;border:none;background:#38bdf8;border-radius:8px;cursor:pointer;font-weight:bold;}input{padding:10px;border-radius:8px;border:none;}body{margin:0;font-family:Arial;background:#0f172a;color:white;}.user-card{background:#1e293b;margin:10px;padding:10px;border-radius:10px;display:flex;align-items:center;cursor:pointer;}.user-card img{width:50px;height:50px;border-radius:50%;margin-right:10px;object-fit:cover;}body{margin:0;font-family:Arial;background:#0f172a;color:white;display:flex;justify-content:center;align-items:center;height:100vh;}.profile-box{background:#1e293b;padding:25px;border-radius:12px;text-align:center;width:280px;}.avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:10px 0;border:2px solid #38bdf8;}input{width:90%;padding:10px;margin:8px 0;border-radius:8px;border:none;}button{width:100%;padding:10px;background:#38bdf8;border:none;border-radius:8px;cursor:pointer;font-weight:bold;}body{margin:0;font-family:Arial;background:#0f172a;display:flex;justify-content:center;align-items:center;height:100vh;color:white;}.box{background:#1e293b;padding:25px;border-radius:12px;text-align:center;width:280px;}input{width:90%;padding:10px;margin:8px 0;border:none;border-radius:8px;}button{width:100%;padding:10px;background:#38bdf8;border:none;border-radius:8px;cursor:pointer;font-weight:bold;}p{font-size:12px;margin-top:10px;cursor:pointer;color:#93c5fd;}body{margin:0;font-family:Arial;background:#0f172a;color:white;}.chat-container{display:flex;flex-direction:column;height:100vh;}.header{background:#1e293b;padding:15px;text-align:center;font-weight:bold;}.messages{flex:1;padding:10px;overflow-y:auto;}.msg{background:#334155;padding:10px;margin:8px 0;border-radius:10px;width:fit-content;max-width:70%;}.input-box{display:flex;padding:10px;background:#1e293b;}input{flex:1;padding:10px;border:none;border-radius:8px;}button{margin-left:10px;padding:10px 15px;background:#38bdf8;border:none;border-radius:8px;cursor:pointer;}.topbar{background:#0f172a;padding:10px;text-align:center;border-bottom:1px solid #334155;}.post-box{margin:20px;text-align:center;}textarea{width:90%;height:80px;border-radius:10px;padding:10px;}.feed{margin:20px;}.post{background:#1e293b;padding:10px;margin-bottom:10px;border-radius:10px;}body{margin:0;font-family:Arial;background:#0f172a;color:white;display:flex;justify-content:center;align-items:center;height:100vh;}.login-box{background:#1e293b;padding:30px;border-radius:15px;text-align:center;width:280px;}input{width:90%;padding:10px;margin:8px 0;border-radius:8px;border:none;}button{width:100%;padding:10px;background:#38bdf8;border:none;border-radius:8px;cursor:pointer;font-weight:bold;}.small{font-size:12px;margin-top:10px;opacity:0.7;}