body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f2f5;direction:ltr}#app{display:flex;flex-direction:column;height:100vh}#content{flex:1;padding:20px;overflow-y:auto}.home-page,.tasks-page,.video-ads-page,.surfing-page,.referrals-page{text-align:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-info{text-align:left}.username{font-weight:700;display:block}.uid{color:#888;font-size:12px}.icons .icon{margin-left:10px;font-size:20px}.balance{margin:20px 0}.balance-amount{display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700}.coin-icon{margin-right:10px;font-size:30px}.actions{display:flex;justify-content:space-around;margin:20px 0}.action-btn{padding:10px 20px;background-color:#e0e0e0;border:none;border-radius:10px;cursor:pointer}.level{display:flex;justify-content:space-between;margin:20px 0;background-color:#fff;padding:10px;border-radius:10px}.validation-section{margin:20px 0}.validation-section p{background-color:#fff;padding:10px;border-radius:10px;margin-top:10px}.claim-section{margin-top:20px}.ton-icon{font-size:50px;background-color:#007aff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto;color:#fff}.claim-btn{background-color:#007aff;color:#fff;padding:15px 30px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.tasks-page ul{list-style:none;padding:0}.tasks-page li{background-color:#fff;padding:10px;margin:10px 0;border-radius:10px}.tabbar{display:flex;justify-content:space-around;background-color:#fff;border-top:1px solid #ccc;padding:10px 0;position:sticky;bottom:0}.tabbar-item{cursor:pointer;text-align:center;flex:1}.tabbar-item.selected{color:#007aff;font-weight:700}.tabbar-item .icon{display:block;font-size:20px}.tabbar-item .text{font-size:12px}.surfing-page{padding:20px;font-family:Arial,sans-serif}.ad-section{background-color:#f5f5f5;padding:15px;margin-bottom:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.ad-section p{margin:0;color:#333}.claim-btn{padding:8px 15px;background-color:#ddd;color:#333;text-decoration:none;border-radius:4px;font-size:14px}.claim-btn:hover{background-color:#ccc}