:root{--foreground:#000000;--background:#ffffff;--primary-color:#1976d2;--secondary-color:#dc004e;--text-primary:#333333;--text-secondary:#666666;--border-color:#e0e0e0;--card-shadow:0 2px 8px rgba(0,0,0,0.1)}@media(prefers-color-scheme:dark){:root{--foreground:#ffffff;--background:#121212;--text-primary:#ffffff;--text-secondary:#b0b0b0;--border-color:#333333;--card-shadow:0 2px 8px rgba(255,255,255,0.1)}}body{color:var(--foreground);background:var(--background);font-family:Roboto,NanumSquare,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;padding:0}body.loading-top1010 footer{display:none!important}*{box-sizing:border-box}.text-balance{text-wrap:balance}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;grid-gap:20px;gap:20px}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}.show-mobile{display:block!important}a,button,input,select{min-height:44px;min-width:44px}html{scroll-behavior:smooth}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}:focus{outline:2px solid var(--primary-color);outline-offset:2px}}@media(max-width:480px){.hide-small-mobile{display:none!important}.show-small-mobile{display:block!important}.container{padding:0 16px}body{font-size:14px}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color:#000000;--card-shadow:0 2px 8px rgba(0,0,0,0.3)}.badge{border:2px solid}}.homePage{min-height:100vh;color-scheme:only light;background:#fff;--background:#ffffff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--primary-color:#1976d2;--primary-dark:#115293;--secondary-color:#007dff}.homePage .header{text-align:center;padding:30px 0 40px;background:linear-gradient(135deg,#14d762,#007dff);color:#fff;margin-top:72px;margin-bottom:40px}.homePage .header h1{font-size:3rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:600px){.homePage .header h1{font-size:2rem;margin-bottom:12px}}.homePage .header .subtitle{font-size:1.25rem;opacity:.9;font-weight:300}@media(max-width:600px){.homePage .header .subtitle{font-size:1.1rem;padding:0 20px;line-height:1.4}.homePage .header{padding:20px 0 30px;margin-top:80px;margin-bottom:30px}}.homePage .container{max-width:1200px;margin:0 auto;padding:0 150px 40px}@media(max-width:1200px){.homePage .container{padding:0 100px 40px}}@media(max-width:600px){.homePage .container{padding:0 20px 30px}}.homePage .filterContainer{display:flex;align-items:center;gap:20px;margin-bottom:20px}@media(max-width:600px){.homePage .filterContainer{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:16px}}.homePage .countrySelector{text-align:left}.homePage .countrySelector .formControl{min-width:200px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary)}@media(max-width:600px){.homePage .countrySelector .formControl{min-width:100%;padding:12px 16px;font-size:16px;border-radius:12px}}.homePage .modeSelector{text-align:left;display:flex;align-items:center;gap:12px}@media(max-width:600px){.homePage .modeSelector{flex-direction:column;align-items:stretch;gap:8px}}.homePage .modeSelector label{font-weight:600;color:var(--text-primary);white-space:nowrap}@media(max-width:600px){.homePage .modeSelector label{text-align:center}}.homePage .modeSelector .formControl{min-width:150px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary)}@media(max-width:600px){.homePage .modeSelector .formControl{min-width:100%;padding:12px 16px;font-size:16px;border-radius:12px}}.homePage .contentGridWrapper{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;width:100%}@media(max-width:1200px){.homePage .contentGridWrapper{gap:20px}}@media(max-width:600px){.homePage .contentGridWrapper{gap:16px}}.homePage .tableWrapper{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid var(--border-color);overflow:hidden}@media(max-width:600px){.homePage .tableWrapper{border-radius:12px}}.homePage .creatorTable{width:100%;border-collapse:collapse;table-layout:fixed}.homePage .creatorTable colgroup .col-rank{width:80px}.homePage .creatorTable colgroup .col-name{width:200px}.homePage .creatorTable colgroup .col-country,.homePage .creatorTable colgroup .col-userType{width:120px}.homePage .creatorTable colgroup .col-upDownType{width:100px}.homePage .creatorTable colgroup .col-followStatus{width:120px}.homePage .creatorTable thead{background:#f8f9fa;border-bottom:1px solid var(--border-color)}.homePage .creatorTable thead th{padding:16px 12px;text-align:center;font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}@media(max-width:600px){.homePage .creatorTable thead th{padding:16px 12px;font-size:.75rem}}.homePage .creatorTable tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.homePage .creatorTable tbody tr:hover{background:#f8f9fa}.homePage .creatorTable tbody tr:last-child{border-bottom:none}.homePage .creatorTable tbody tr td{padding:16px 12px;vertical-align:middle;color:var(--text-primary)}@media(max-width:600px){.homePage .creatorTable tbody tr td{padding:16px 12px}}.homePage .creatorTable .rank{font-weight:700;color:var(--text-primary);white-space:nowrap}@media(max-width:600px){.homePage .creatorTable .rank{font-size:.9rem}}.homePage .creatorTable a{text-decoration:none;color:inherit}.homePage .creatorTable .nameCell{display:flex;align-items:center;gap:12px;min-width:0;transition:transform .15s ease,color .15s ease,box-shadow .15s ease;border-radius:8px;padding:4px}.homePage .creatorTable .nameCell.clickable{cursor:pointer}.homePage .creatorTable .nameCell.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06);background-color:rgba(25,118,210,.05)}.homePage .creatorTable .nameCell.clickable:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}@media(max-width:600px){.homePage .creatorTable .nameCell{gap:10px;padding:6px}}.homePage .creatorTable .nameCell .profileImage{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color);flex-shrink:0;overflow:hidden;object-fit:cover}.homePage .creatorTable .nameCell .nameInfo{min-width:0;flex:1 1}.homePage .creatorTable .nameCell .nameInfo .name{font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homePage .creatorTable .nameCell .nameInfo .name a{color:inherit;text-decoration:none;transition:color .2s ease}.homePage .creatorTable .nameCell .nameInfo .name a:hover{color:var(--primary-color);text-decoration:underline}.homePage .creatorTable .nameCell .nameInfo .businessCardCode{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homePage .creatorTable .numberCell{text-align:right;font-family:Roboto Mono,monospace;font-weight:500}@media(max-width:600px){.homePage .creatorTable .numberCell{text-align:center;font-size:.9rem}}.homePage .creatorTable .userTypeCell{text-align:center}.homePage .creatorTable .userTypeCell .badge.userType{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(25,118,210,.1);color:#1976d2;font-size:.78rem;font-weight:600;white-space:nowrap}@media(max-width:600px){.homePage .creatorTable .userTypeCell .badge.userType{padding:6px 12px;font-size:.75rem}}.homePage .creatorTable .upDownTypeCell{text-align:center}.homePage .creatorTable .upDownTypeCell .badge.up{background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:.875rem;font-weight:600}.homePage .creatorTable .upDownTypeCell .badge.down{background:#ef4444;color:#fff;padding:4px 8px;border-radius:12px;font-size:.875rem;font-weight:600}.homePage .creatorTable .upDownTypeCell .badge.neutral{background:#6b7280;color:#fff;padding:4px 8px;border-radius:12px;font-size:.875rem;font-weight:600}.homePage .creatorTable .followStatusCell{text-align:center}.homePage .creatorTable .followStatusCell .badge.followStatus{background:var(--secondary-color);color:#eee;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.homePage .creatorTable .followStatusCell .badge.followStatus.following{background:var(--success-color)}.homePage .creatorTable .followStatusCell .badge.followStatus.notFollowing{background:var(--text-secondary)}.homePage .creatorTable .followStatusCell .badge.followStatus.follow{background:#14d762;cursor:pointer;transition:background-color .2s ease}.homePage .creatorTable .followStatusCell .badge.followStatus.follow:hover{background:#09692f}.homePage .creatorTable tbody td.col-country,.homePage .creatorTable tbody td:first-child{text-align:center}.homePage .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media(max-width:600px){.homePage .creatorTable,.homePage .tableWrapper{display:none}.homePage .mobileCardViewWrapper{display:none;width:100%;max-width:1200px;margin:0 auto;padding:0;overflow:hidden}}@media(max-width:600px)and (max-width:1200px){.homePage .mobileCardViewWrapper{max-width:100%}}@media(max-width:600px)and (max-width:600px){.homePage .mobileCardViewWrapper{display:block}}@media(max-width:600px){.homePage .mobileCardView{display:none;width:100%;max-width:100%;overflow:hidden}}@media(max-width:600px)and (max-width:600px){.homePage .mobileCardView{display:block}}@media(max-width:600px){.homePage .mobileCardView .creatorCard{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid var(--border-color);width:100%;max-width:100%;box-sizing:border-box}.homePage .mobileCardView .creatorCard .cardHeader{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:16px;border-radius:12px;background:#f8f9fa;transition:background-color .2s ease}.homePage .mobileCardView .creatorCard .cardHeader .rank{background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.homePage .mobileCardView .creatorCard .cardHeader .nameInfo{flex:1 1;min-width:0}.homePage .mobileCardView .creatorCard .cardHeader .nameInfo.clickable{cursor:pointer;transition:background-color .2s ease}.homePage .mobileCardView .creatorCard .cardHeader .nameInfo.clickable:hover{background-color:rgba(25,118,210,.05)}.homePage .mobileCardView .creatorCard .cardHeader .nameInfo .name{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.homePage .mobileCardView .creatorCard .cardHeader .nameInfo .businessCardCode{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:180px}}@media(max-width:600px)and (max-width:600px){.homePage .mobileCardView .creatorCard .cardHeader .nameInfo .businessCardCode{max-width:10ch}}@media(max-width:600px)and (max-width:480px){.homePage .mobileCardView .creatorCard .cardHeader .nameInfo .businessCardCode{max-width:10ch}}@media(max-width:600px){.homePage .mobileCardView .creatorCard .cardHeader .avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--primary-color);flex-shrink:0;overflow:hidden}.homePage .mobileCardView .creatorCard .cardHeader .avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.homePage .mobileCardView .creatorCard .cardBody .stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.homePage .mobileCardView .creatorCard .cardBody .stats .stat{text-align:center;padding:12px;background:#f8f9fa;border-radius:12px}.homePage .mobileCardView .creatorCard .cardBody .stats .stat .label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.homePage .mobileCardView .creatorCard .cardBody .stats .stat .value .badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;background:rgba(25,118,210,.1);color:#1976d2}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType{text-align:center;padding:12px;background:#f8f9fa;border-radius:12px}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .label,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.up,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.up{background:#10b981;color:#fff}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.down,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.down{background:#ef4444;color:#fff}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.neutral,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.neutral{background:#6b7280;color:#fff}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.userType,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.userType{background:var(--primary-color);color:#fff}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.followStatus,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.followStatus{background:var(--secondary-color);color:#fff}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.followStatus.following,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.followStatus.following{background:var(--success-color)}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.followStatus.notFollowing,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.followStatus.notFollowing{background:var(--text-secondary)}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.followStatus.follow,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.followStatus.follow{background:#14d762;cursor:pointer;transition:background-color .2s ease}.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .followStatus .value .badge.followStatus.follow:hover,.homePage .mobileCardView .creatorCard .cardBody .additionalInfo .upDownType .value .badge.followStatus.follow:hover{background:#09692f}}@media(max-width:1024px){.homePage .creatorTable .col-country{display:none}}@media(max-width:920px){.homePage .contentGridWrapper{grid-template-columns:1fr}}@media(max-width:820px){.homePage .creatorTable .col-followStatus,.homePage .creatorTable .col-userType{display:none}}@media(max-width:640px){.homePage .creatorTable .col-upDownType{display:none}}@media(max-width:600px){.homePage .creatorCard{cursor:default}.homePage .creatorCard .cardHeader{transition:all .2s ease}.homePage .creatorCard .cardHeader:hover{background:#e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.1)}.homePage .creatorCard:hover{background:#e9ecef!important;color:var(--primary-color)!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.homePage .creatorCard:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.08)}.homePage .formControl:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(25,118,210,.1)}}@media(max-width:480px){.homePage .mobileCardViewWrapper{padding:0;margin:0 auto;overflow:hidden;width:100%;max-width:1200px}}@media(max-width:480px)and (max-width:1200px){.homePage .mobileCardViewWrapper{max-width:100%}}@media(max-width:480px){.homePage .creatorCard{padding:16px;margin-bottom:12px;width:100%;max-width:100%;box-sizing:border-box}.homePage .creatorCard .cardHeader{gap:12px;margin-bottom:12px}.homePage .creatorCard .cardHeader .rank{width:28px;height:28px;font-size:.8rem}.homePage .creatorCard .cardHeader .avatar{width:40px;height:40px}.homePage .creatorCard .cardHeader .avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.homePage .creatorCard .cardBody .stats{gap:8px;margin-bottom:12px}.homePage .creatorCard .cardBody .stats .stat{padding:10px}.homePage .creatorCard .cardBody .stats .stat .label{font-size:.7rem}.homePage .creatorCard .cardBody .stats .stat .value{font-size:.85rem}}@media(prefers-color-scheme:dark){.homePage{color-scheme:only light;--background:#ffffff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--primary-color:#1976d2;--primary-dark:#115293;--secondary-color:#007dff}.homePage,.tableWrapper{background:#fff!important}.creatorTable thead{background:#f8f9fa!important}.mobileCardView .creatorCard{background:#fff!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}