: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,#c4302b,#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 .categorySelector{margin-bottom:20px;text-align:left}@media(max-width:600px){.homePage .categorySelector{margin-bottom:16px}}.homePage .categorySelector .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 .categorySelector .formControl{min-width:100%;padding:12px 16px;font-size:16px;border-radius:12px}}.homePage .categorySelector .mobileFilterButtons{display:none}@media(max-width:600px){.homePage .categorySelector .mobileFilterButtons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}}.homePage .categorySelector .mobileFilterButtons .filterButton{flex:1 1;min-width:140px;padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;background:#fff;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.homePage .categorySelector .mobileFilterButtons .filterButton:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px rgba(25,118,210,.15)}.homePage .categorySelector .mobileFilterButtons .filterButton:active{transform:translateY(0);box-shadow:0 1px 4px rgba(25,118,210,.1)}.homePage .categorySelector .mobileFilterButtons .filterButton.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:0 2px 12px rgba(25,118,210,.3)}.homePage .categorySelector .mobileFilterButtons .filterButton .sortIndicator{font-size:.8rem;opacity:.8;font-weight:700}.homePage .contentGridWrapper{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;width:100%;max-width:1200px;margin:0 auto;overflow:hidden}@media(max-width:1200px){.homePage .contentGridWrapper{max-width:100%}}@media(max-width:600px){.homePage .contentGridWrapper{gap:16px;overflow:visible;max-width:100%}}.homePage .adBanner{width:100%;text-align:center;margin-bottom:20px;max-height:150px;overflow:hidden}@media(max-width:600px){.homePage .adBanner{margin-bottom:16px;max-height:120px}}.homePage .adBanner ins.adsbygoogle{display:block;min-height:60px;max-height:150px;background:#f8f9fa;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}@media(max-width:600px){.homePage .adBanner ins.adsbygoogle{max-height:120px;min-height:50px}}.homePage .tableWrapper{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;border:1px solid var(--border-color)}@media(max-width:600px){.homePage .tableWrapper{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:none}}.homePage .creatorTable{width:100%;border-collapse:collapse;table-layout:fixed}.homePage .creatorTable thead th{background:#fafafa;border-bottom:1px solid var(--border-color);padding:12px 14px;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-align:center}@media(max-width:600px){.homePage .creatorTable thead th{padding:16px 12px;font-size:.9rem}}.homePage .creatorTable thead th .sortButton{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;background:rgba(0,0,0,0);border:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:600px){.homePage .creatorTable thead th .sortButton{gap:4px;font-size:.85rem}}.homePage .creatorTable thead th .sortButton[data-active=true]{color:var(--text-primary)}.homePage .creatorTable .sortIndicator{font-size:.8em;opacity:.75}@media(max-width:600px){.homePage .creatorTable .sortIndicator{font-size:.75em}}.homePage .creatorTable tbody td{border-bottom:1px solid var(--border-color);padding:14px;vertical-align:middle;color:var(--text-primary)}@media(max-width:600px){.homePage .creatorTable tbody td{padding:16px 12px}}.homePage .creatorTable .col-rank{width:70px}@media(max-width:600px){.homePage .creatorTable .col-rank{width:60px}}.homePage .creatorTable .col-channel{width:30%}@media(max-width:600px){.homePage .creatorTable .col-channel{width:40%}}.homePage .creatorTable .col-category{width:12%}@media(max-width:600px){.homePage .creatorTable .col-category{width:20%}}.homePage .creatorTable .col-subs{width:12%}@media(max-width:600px){.homePage .creatorTable .col-subs{width:20%}}.homePage .creatorTable .col-views{width:12%}@media(max-width:600px){.homePage .creatorTable .col-views{width:20%}}.homePage .creatorTable .col-latest{width:34%}@media(max-width:600px){.homePage .creatorTable .col-latest{width:20%}}.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 .channelCell{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 .channelCell:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}@media(max-width:600px){.homePage .creatorTable .channelCell{gap:10px;padding:6px}}.homePage .creatorTable .channelCell .avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color);flex-shrink:0;overflow:hidden}.homePage .creatorTable .channelCell .avatar img{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:600px){.homePage .creatorTable .channelCell .avatar{width:36px;height:36px;border-width:1.5px}}.homePage .creatorTable .channelCell .channelMeta{min-width:0}.homePage .creatorTable .channelCell .channelMeta .name{font-weight:600;color:var(--text-primary);transition:color .15s ease}@media(max-width:768px){.homePage .creatorTable .channelCell .channelMeta .name{font-size:.9rem;line-height:1.3}}@media(max-width:480px){.homePage .creatorTable .channelCell .channelMeta .name{font-size:.85rem}}.homePage .creatorTable .channelCell .channelMeta .handle{font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:200px}@media(max-width:600px){.homePage .creatorTable .channelCell .channelMeta .handle{font-size:.75rem;margin-top:2px;max-width:10ch}}@media(max-width:480px){.homePage .creatorTable .channelCell .channelMeta .handle{max-width:10ch}}.homePage .creatorTable .channelCell:hover .name{color:var(--primary-color)}.homePage .creatorTable .badge{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 .badge{padding:6px 12px;font-size:.75rem}}.homePage .creatorTable .numberCell{white-space:nowrap;text-align:center}@media(max-width:600px){.homePage .creatorTable .numberCell{font-size:.85rem}}.homePage .creatorTable tbody td.col-category,.homePage .creatorTable tbody td:first-child{text-align:center}.homePage .creatorTable .latestCell .title{display:inline-block;transition:color .15s ease}.homePage .creatorTable .latestCell .title:hover{color:var(--primary-color)}@media(max-width:600px){.homePage .creatorTable .latestCell .title{font-size:.85rem;line-height:1.3}}.homePage .creatorTable .channelCell .channelMeta .name,.homePage .creatorTable .latestCell .title,.homePage .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media(max-width:600px){.homePage .creatorTable{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:5px;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 .channelInfo{flex:1 1;min-width:0}.homePage .mobileCardView .creatorCard .cardHeader .channelInfo .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 .channelInfo .handle{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 .channelInfo .handle{max-width:10ch}}@media(max-width:600px)and (max-width:480px){.homePage .mobileCardView .creatorCard .cardHeader .channelInfo .handle{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{font-weight:600;color:var(--text-primary);font-size:.9rem}.homePage .mobileCardView .creatorCard .cardBody .category{text-align:center;margin-bottom:16px}.homePage .mobileCardView .creatorCard .cardBody .category .badge{display:inline-block;padding:8px 16px;border-radius:20px;background:rgba(25,118,210,.1);color:#1976d2;font-size:.8rem;font-weight:600}.homePage .mobileCardView .creatorCard .cardBody .latestVideo{text-align:center}.homePage .mobileCardView .creatorCard .cardBody .latestVideo .title{font-size:.9rem;color:var(--text-primary);line-height:1.4;padding:12px;background:#f8f9fa;border-radius:12px;display:block;text-decoration:none;transition:background-color .2s ease}.homePage .mobileCardView .creatorCard .cardBody .latestVideo .title:hover{background:#e9ecef;color:var(--primary-color)}}@media(max-width:1024px){.homePage .creatorTable .col-category{display:none}}@media(max-width:920px){.homePage .contentGridWrapper{grid-template-columns:1fr}}@media(max-width:820px){.homePage .creatorTable .col-latest,.homePage .creatorTable .col-views{display:none}}@media(max-width:640px){.homePage .creatorTable .col-subs{display:none}}@media(max-width:600px){.homePage .creatorCard{cursor:default}.homePage .creatorCard .cardHeaderLink{cursor:pointer;text-decoration:none;color:inherit;display:block;transition:all .2s ease;border-radius:12px}.homePage .creatorCard .cardHeaderLink:hover .cardHeader{background:#e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.1)}.homePage .creatorCard .cardHeaderLink:active .cardHeader{background:#dee2e6;transform:scale(.98)}.homePage .creatorCard .latestVideo .title{cursor:pointer;transition:all .2s ease}.homePage .creatorCard .latestVideo .title:hover{background:#e9ecef!important;color:var(--primary-color)!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.homePage .creatorCard .latestVideo .title: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}.homePage .creatorCard .cardBody .category{margin-bottom:12px}.homePage .creatorCard .cardBody .category .badge{padding:6px 12px;font-size:.75rem}.homePage .creatorCard .cardBody .latestVideo .title{font-size:.85rem;padding:10px}.homePage .mobileFilterButtons{gap:8px;margin-top:12px}.homePage .mobileFilterButtons .filterButton{min-width:120px;padding:10px 12px;font-size:.85rem}.homePage .mobileFilterButtons .filterButton .sortIndicator{font-size:.75rem}}@media(prefers-color-scheme:dark){.homePage{background:#fff!important;color-scheme:only light;--background:#ffffff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--primary-color:#1976d2;--primary-dark:#115293;--secondary-color:#007dff}.creatorTable thead{background:#f8f9fa!important}.mobileCardView .creatorCard{background:#fff!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}