.lounge-shell{padding-top:24px;font-size:16px}.my-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.my-header .brand-name{text-decoration:none;font-size:25px}.my-header>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.my-header>div>*{border:1px solid var(--line);border-radius:24px;padding:9px 12px;background:#312515b8;color:#f1d18b;text-decoration:none;font-size:14px}.my-intro,.rank-card,.favorites,.my-invite{padding:24px;margin-bottom:24px}.my-intro h1{font-size:30px;font-weight:500;margin:20px 0}.my-intro p,p{line-height:1.8}.my-intro small{font-size:14px;color:#d6cbbb}.member-card{margin-bottom:24px;overflow:hidden}.member-main{display:flex;align-items:center;gap:20px;padding:26px 24px}.member-main p,.rank-top p{margin:0 0 8px;color:#d6cbbb}.member-main h2,.rank-top h2{font-size:30px;margin:6px 0 16px;font-weight:500}.crown,.level{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:110px;height:110px;border:1px solid #b78b43;border-radius:50%;background:radial-gradient(at 35% 25%,#66533b,#21180f 60%,#090705);color:#f7d78f}.crown{font-size:42px}.premium{display:inline-block;padding:9px 12px;border:1px solid var(--line);border-radius:24px;color:#f1d18b}.member-rank{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--line);gap:12px}.member-rank strong{color:#e8c57a}.member-rank>span{font-size:25px}.rank-top{display:flex;gap:20px;align-items:center}.level{width:130px;height:130px}.level small{font-size:16px}.level strong{font-size:52px;font-weight:400}.rank-top h2{margin-bottom:10px}.rank-card progress{appearance:none;width:100%;height:12px;display:block;border:0;border-radius:20px;overflow:hidden;background:#302b25;margin:22px 0 12px}.rank-card progress::-webkit-progress-bar{background:#302b25}.rank-card progress::-webkit-progress-value{background:linear-gradient(90deg,#946022,#f8df95);border-radius:20px}.rank-card progress::-moz-progress-bar{background:linear-gradient(90deg,#946022,#f8df95);border-radius:20px}.progress-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#d6cbbb;font-size:14px}.my-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.my-stats>*{display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);background:#110e0bbf;border-radius:26px;padding:24px 10px;text-decoration:none}.my-stats b{font-size:34px;color:#f3d58b;margin-bottom:14px}.my-stats span{color:#dfd5c7}.my-stats strong{font-size:42px;font-weight:400;margin-top:8px}.section-title{color:#f1d18b}.recent-casts{display:grid;gap:12px;margin-bottom:24px}.recent-casts a{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:22px;background:#130f0cd4;text-decoration:none}.recent-casts img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%}.recent-casts strong{display:block;color:#f1d18b;font-size:20px}.recent-casts span{display:block;color:#d6cbbb;margin-top:7px;font-size:14px}.recent-casts b{margin-left:auto;color:#f1d18b}.my-links{overflow:hidden;margin-bottom:24px}.my-links a{display:flex;justify-content:space-between;gap:12px;padding:24px;text-decoration:none;border-bottom:1px solid var(--line);font-size:18px}.my-links a:last-child{border-bottom:0}.my-links b{color:#e8c57a}.favorites h2,.my-invite h2{font-size:20px;color:#f1d18b;margin:0 0 12px}.favorites p,.my-invite p{margin:0 0 12px;color:#d6cbbb}.favorites a{color:#f1d18b}.my-invite{display:flex;align-items:center;gap:20px}.my-invite>div{flex:1}.my-invite>a{flex-shrink:0;padding:17px 20px;border-radius:30px;background:linear-gradient(110deg,#9a6527,#dcb663);color:#fff8ea;text-decoration:none}.bottom-nav a{font-size:14px}.bottom-nav a.active{color:#f7d78f}.bottom-nav b{font-size:23px}.bottom-nav{z-index:5}a:focus-visible{outline:2px solid #f8df95;outline-offset:4px}#favorites,#recent{scroll-margin-top:24px}@media(max-width:420px){.my-header .brand-name{font-size:20px}.my-header>div>*{padding:7px 9px}.member-main,.rank-top{gap:14px}.crown{width:80px;height:80px}.level{width:94px;height:94px}.member-main{padding:22px 18px}.my-intro,.rank-card,.favorites,.my-invite{padding:20px 18px}.rank-top h2,.member-main h2{font-size:26px}.my-invite{flex-direction:column;align-items:flex-start}.bottom-nav{padding:10px 4px}.bottom-nav a{font-size:12px}}
