body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,sans-serif;font-weight:400}button{background-color:transparent;border:none}body{background-color:#f9f6f2}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.header{border-bottom:1px solid #e8e8e8;padding:20px;min-height:65px;display:flex;justify-content:center;align-items:center}.container{max-width:980px;margin:0 auto;padding:0 20px 60px}.checkout{background-color:white;border:1px solid #ddd;border-radius:24px;padding-bottom:24px}.banner{object-fit:cover;height:100px;width:100%;border-top-left-radius:20px;border-top-right-radius:20px}.avatar{border-radius:50%;overflow:hidden;z-index:2;width:80px;height:80px;border:4px solid white;top:-40px}.avatar,.content{position:relative}.content{width:100%;padding:0 20px}.data{height:50px;display:flex;justify-content:space-between}.stats{gap:12px}.stat,.stats{display:flex;align-items:center}.stat{font-size:14px;color:#333;gap:4px}.name{font-weight:600;font-size:20px;line-height:20px;color:#000;display:flex;align-items:center}.profile-name{font-size:16px;color:#333}.bio{margin-top:12px;font-size:14px;color:#000}.social{margin-top:20px;margin-bottom:20px}.social,.social-item{display:flex;align-items:center;gap:8px}.social-item{padding:12px;width:32px;height:32px;border-radius:50%;background-color:#f9f6f2;color:#333333;justify-content:center}.sec-title{margin:14px 0;color:#111}.sec-title,.subscription{font-size:16px;font-weight:500}.subscription{background:linear-gradient(45deg,#f68d3d,#f69347 3%,#f7a96c 17%,#f9b887 30%,#f9c298 41%,#fac69e 50%,#f9c09d 67%,#f8af9a 88%,#f7a499);height:47px;width:100%;border-radius:30px;padding:0 24px;color:black;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .4s}.subscription:disabled{background:#eee;cursor:not-allowed}.tabs{margin-top:16px}.tab,.tabs{width:100%;display:flex;align-items:center}.tab{background-color:white;border:1px solid #ddd;height:56px;padding:10px;font-weight:500;justify-content:center}.post{margin-top:16px;border-radius:16px}.post-header{background-color:white;border-top-left-radius:16px;border-top-right-radius:16px;padding:16px}.post-header,.post-user-info{display:flex;justify-content:space-between;align-items:center}.post-user-info{gap:8px}.post-user-avatar{height:62px;width:62px;border-radius:62px}.post-user-name{font-weight:600;font-size:16px;color:#222;display:flex;align-items:center}.post-user-profile{color:#333;font-size:14px}.post-content{background-color:#f4eee5;height:378px;width:100%;justify-content:center;flex-direction:column}.count-list,.post-content{display:flex;align-items:center}.count-list{margin-top:20px;gap:10px}.count-item{color:#67748e;gap:4px}.count-item,.post-footer{display:flex;align-items:center}.post-footer{background-color:white;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px;justify-content:space-between}.post-footer .left{display:flex;align-items:center;gap:10px}.blob{background:orange;border-radius:50%;margin:10px;height:16px;width:16px;box-shadow:0 0 0 0 rgb(255,157,0);transform:scale(1);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,157,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(68,42,0,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(68,42,0,0)}}