.chad-page{background:var(--background-color);min-height:100vh;color:var(--color);padding:80px 1rem 4rem}.chad-page .chad-page__hero-section{text-align:center;max-width:900px;margin:0 auto 3rem}.chad-page .chad-page__hero-badge{background:var(--badge-clr);border:1px solid var(--border-primary);letter-spacing:1px;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.7rem 1rem;font-size:.85rem;display:inline-flex}.chad-page .chad-page__hero-section h1{margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5rem);font-weight:900;line-height:1}.chad-page .chad-page__hero-section h1 span{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.chad-page .chad-page__hero-section p{color:#b8b8b8;font-size:1.05rem}.chad-page .chad-page__rankings{flex-direction:column;gap:1rem;max-width:1100px;margin:auto;display:flex}.chad-page .chad-page__ranking-card{background:var(--surface-glass);border:1px solid var(--border-primary);box-shadow:var(--shadow-soft);border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:all .25s;display:flex}.chad-page .chad-page__ranking-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.chad-page .chad-page__left{align-items:center;gap:1rem;display:flex}.chad-page .chad-page__rank{border:1px solid var(--border-primary);background:#d4af371f;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-weight:800;display:flex}.chad-page .chad-page__avatar{object-fit:cover;border:1px solid var(--border-primary);width:72px;height:72px;box-shadow:var(--image-shadow);border-radius:18px}.chad-page .chad-page__info h2{margin-bottom:.2rem;font-size:1.2rem;font-weight:800}.chad-page .chad-page__info p{color:#9f9f9f;font-size:.95rem}.chad-page .chad-page__right{align-items:center;gap:1rem;display:flex}.chad-page .trend-badge{border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.65rem .9rem;font-size:.85rem;font-weight:700;display:flex}.chad-page .trend-badge.up{color:#6dffaf;background:#00ff7814;border-color:#00ff7833}.chad-page .trend-badge.down{color:#ff8b8b;background:#ff464614;border-color:#ff464633}.chad-page .trend-badge.neutral{color:#d1d1d1;background:#ffffff0f;border-color:#ffffff1f}.chad-page .chad-page__like-button{background:var(--gradient-cta);color:#000;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.45rem;padding:.9rem 1rem;font-weight:800;transition:all .2s;display:flex}.chad-page .chad-page__avatar-wrapper{border-radius:18px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.chad-page .chad-page__avatar-skeleton{border:1px solid var(--border-primary);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:18px;animation:1.2s linear infinite skeletonLoading;position:absolute;inset:0}.chad-page .chad-page__avatar.hidden{opacity:0}.chad-page .chad-page__avatar.loaded{opacity:1}.chad-page .chad-page__avatar{transition:opacity .25s}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.chad-page .chad-page__ranking-card{content-visibility:auto;contain-intrinsic-size:120px}.chad-page .chad-page__like-button:hover{box-shadow:var(--shadow-glow);transform:scale(1.04)}@media (max-width:768px){.chad-page .chad-page__ranking-card{flex-direction:column;align-items:flex-start}.chad-page .chad-page__right{justify-content:space-between;width:100%}.chad-page .chad-page__avatar{width:64px;height:64px}}.chad-page .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.chad-page .modal-overlay .modal-features{text-align:left;flex-direction:column;gap:.7rem;margin:1.5rem 0;display:flex}.chad-page .modal-overlay .modal-features li{color:#ffffffd9;padding-left:.5rem}.chad-page .modal-overlay .modal-actions{gap:.75rem;margin-top:1.5rem;display:flex}.chad-page .modal-overlay .modal-actions button{flex:1}.modal-secondary-button{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;width:100%;margin-top:1rem;padding:1rem 1.2rem;font-weight:900;transition:all .2s}.modal-secondary-button:hover{border-color:var(--primary)}.chad-page .modal-content{background:var(--surface-glass);border:1px solid var(--border-primary);width:100%;max-width:480px;box-shadow:var(--shadow-strong), var(--shadow-glow);border-radius:28px;padding:2rem;animation:.22s modalPop;position:relative;overflow:hidden}.chad-page .modal-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d4af3724,#0000 45%);position:absolute;inset:0}.chad-page .modal-icon{border:1px solid var(--border-primary);width:70px;height:70px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#f5d76e2e,#d4af3714);border-radius:22px;justify-content:center;align-items:center;margin-bottom:1.4rem;display:flex}.chad-page .modal-icon svg{color:var(--primary)}.chad-page .modal-content h2{margin-bottom:.8rem;font-size:2rem;font-weight:900;line-height:1.1}.chad-page .modal-content h2 span{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.chad-page .modal-content p{color:#bdbdbd;margin-bottom:1rem;font-size:1rem;line-height:1.7}.chad-page .modal-highlight{color:#ececec;font-weight:700}.chad-page .modal-button{background:var(--gradient-cta);color:#000;cursor:pointer;border:none;border-radius:18px;width:100%;margin-top:1rem;padding:1rem 1.2rem;font-weight:900;transition:all .2s}.chad-page .modal-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.chad-page .modal-close{border:1px solid var(--border-primary);color:#d1d1d1;cursor:pointer;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.chad-page .modal-close:hover{background:#ffffff14;transform:rotate(90deg)}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.chad-page .modal-content{border-radius:24px;padding:1.5rem}.chad-page .modal-content h2{font-size:1.7rem}.chad-page .modal-content p{font-size:.95rem}}.chad-page__ranking-card--skeleton{pointer-events:none}.chad-skeleton-rank,.chad-skeleton-avatar,.chad-skeleton-name,.chad-skeleton-title,.chad-skeleton-badge,.chad-skeleton-likes{background:#ffffff0a;border:1px solid #d4af3714;border-radius:12px;position:relative;overflow:hidden}.chad-skeleton-rank{width:55px;height:24px}.chad-skeleton-avatar{border-radius:50%;width:70px;height:70px}.chad-skeleton-info{flex-direction:column;gap:.7rem;display:flex}.chad-skeleton-name{width:140px;height:18px}.chad-skeleton-title{width:190px;height:14px}.chad-skeleton-badge{width:90px;height:30px}.chad-skeleton-likes{width:75px;height:38px}.chad-skeleton-rank:before,.chad-skeleton-avatar:before,.chad-skeleton-name:before,.chad-skeleton-title:before,.chad-skeleton-badge:before,.chad-skeleton-likes:before{content:"";background:linear-gradient(90deg,#0000,#f5d76e1f,#0000);animation:1.6s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.chad-page__ranking-card{animation:.35s ranking-fade}@keyframes ranking-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}