body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,#1c2b4a,#07111f 38%);color:#f5f7fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{max-width:1180px;margin:0 auto;padding:32px 24px}.top-nav{border-bottom:1px solid rgba(80,106,156,.18);background:rgba(7,17,31,.9);position:-webkit-sticky;position:sticky;top:0;z-index:10}.top-nav-inner{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}.top-nav-brand{font-weight:800;letter-spacing:.02em}.top-nav-links{display:flex;gap:20px}.top-nav-links a{color:#a5c4ff;font-weight:600}.favorite-button{padding:8px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:#d8e8ff;font-weight:600;cursor:pointer}.favorite-button.is-active{background:rgba(255,196,0,.15);border-color:rgba(255,196,0,.4);color:#ffd76a}.card{background:rgba(14,23,39,.95);border:1px solid rgba(80,106,156,.18);border-radius:24px;padding:28px}.home-page{padding-top:80px}.hero-card{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:32px;gap:32px;align-items:center}.eyebrow{margin:0 0 10px;color:#79a7f5;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.channel-detail-page h1,.hero-card h1,.search-header h1{margin:0;font-size:clamp(2rem,3vw,3.4rem);line-height:1.05}.channel-header-meta,.channel-meta,.hero-copy,.subtitle,.video-meta{margin:12px 0 0;color:#becfe6;line-height:1.7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:#3a74ff;color:#fff;border:1px solid transparent}.button-secondary{background:hsla(0,0%,100%,.05);color:#a5c4ff;border:1px solid hsla(0,0%,100%,.08)}.button-small{padding:10px 16px;font-size:.95rem}.hero-visual{display:flex;justify-content:flex-end}.stats-card{width:100%;padding:24px;background:linear-gradient(180deg,rgba(46,74,175,.22),rgba(24,43,75,.85));border:1px solid rgba(76,128,255,.18);border-radius:22px}.stats-card h2{margin:0;font-size:2rem}.search-page .search-panel{display:grid;grid-gap:24px;gap:24px}.search-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}.search-form{display:grid;grid-gap:16px;gap:16px}.search-form .input-field,.search-form .select-field{width:100%;border-radius:14px;border:1px solid hsla(0,0%,100%,.1);background:rgba(14,23,39,.96);color:#f7fbff;padding:14px 16px}.quota-pill{background:rgba(56,78,146,.95);color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s ease}.quota-pill:hover{background:rgba(70,98,182,.95)}.error-message{color:#ff8e8e;font-weight:600}.result-grid{display:grid;grid-gap:18px;gap:18px}.channel-card{display:grid;grid-gap:16px;gap:16px}.channel-card-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:18px;gap:18px}.channel-avatar{width:64px;height:64px;border-radius:18px;background:linear-gradient(180deg,#4470ff,#2954d4);display:grid;place-items:center;font-weight:800;color:#fff;font-size:1.2rem;flex-shrink:0}.channel-avatar-img{width:64px;height:64px;border-radius:18px;object-fit:cover;flex-shrink:0;border:1px solid hsla(0,0%,100%,.08)}.channel-card-main h2{margin:0;font-size:1.35rem}.channel-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.channel-meta,.stat-label{color:#9fb0c9;font-size:.95rem}.grade-description{margin:-4px 0 0;color:#9fb0c9;font-size:.92rem}.grade-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;padding:8px 12px;border-radius:16px;line-height:1.1;gap:2px}.grade-badge .grade-letter{font-size:1.3rem;font-weight:800;letter-spacing:.02em}.grade-badge .grade-caption{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.grade-SS{background:linear-gradient(135deg,#ffe08a,#ff9d3a);color:#3a2205}.grade-S{background:linear-gradient(135deg,#8dffbe,#2bd97e);color:#06331f}.grade-A{background:linear-gradient(135deg,#8fd0ff,#3a8cff);color:#06264d}.grade-B{background:rgba(58,116,255,.16);color:#a7c4ff;border:1px solid rgba(58,116,255,.32)}.grade-C{background:rgba(158,176,201,.12);color:#c3d0e3;border:1px solid rgba(158,176,201,.24)}.grade-D{background:rgba(255,150,90,.12);color:#ffb28c;border:1px solid rgba(255,150,90,.28)}.grade-E{background:rgba(255,90,90,.12);color:#ff9c9c;border:1px solid rgba(255,90,90,.28)}.compare-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:#d8e8ff;font-weight:600;font-size:.9rem;cursor:pointer}.compare-toggle input{position:absolute;opacity:0;pointer-events:none}.compare-toggle.is-active{background:rgba(58,116,255,.22);border-color:rgba(58,116,255,.5);color:#bcd4ff}.compare-bar{position:-webkit-sticky;position:sticky;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 24px;border-radius:18px;background:rgba(12,22,41,.98);border:1px solid rgba(80,106,156,.3);box-shadow:0 12px 32px rgba(0,0,0,.4)}.compare-bar-hint{color:#9fb0c9;font-size:.9rem}.compare-bar-actions{display:flex;gap:10px}.button.is-disabled{opacity:.45;pointer-events:none}.compare-grid{display:grid;grid-gap:20px;gap:20px;align-items:start}.compare-column{display:grid;grid-gap:16px;gap:16px}.compare-column-header{display:flex;align-items:center;gap:14px}.compare-column-header h2{margin:0;font-size:1.15rem}.compare-link{color:#7dc7ff;font-weight:600;font-size:.88rem}.compare-stats{display:grid;grid-gap:10px;gap:10px;margin:0}.compare-stats>div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:rgba(18,34,59,.9);border:1px solid hsla(0,0%,100%,.06)}.compare-stats dt{color:#9fb0c9;font-size:.88rem}.compare-stats dd{margin:0;font-weight:700}.compare-videos{display:grid;grid-gap:12px;gap:12px}.compare-videos h3{margin:0;font-size:.95rem;color:#9fb0c9;text-transform:uppercase;letter-spacing:.06em}.compare-video{display:grid;grid-template-columns:72px 1fr;grid-gap:10px;gap:10px;padding:10px;border-radius:14px;background:rgba(11,17,34,.95);border:1px solid rgba(58,111,237,.12)}.compare-video img{width:100%;height:48px;object-fit:cover;border-radius:10px}.compare-video strong{display:block;font-size:.9rem;margin-bottom:4px}.channel-description{margin:0;color:#d6e1f8}.video-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.video-card-v2{display:grid;grid-gap:10px;gap:10px;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:inherit}.video-thumb-wrap{display:block;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#3a6fff,#0d1936)}.video-thumb-v2{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.video-card-v2:hover .video-thumb-v2{transform:scale(1.04)}.video-title-v2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.98rem;line-height:1.35}.video-meta-v2{display:block;color:#9fb0c9;font-size:.85rem}.tag-pill{display:inline-flex;align-items:center;padding:4px 10px;margin:2px 4px 0 0;border-radius:999px;background:rgba(125,199,255,.12);color:#8fd0ff;font-size:.82rem}.video-meta{margin:0;color:#9fb0c9;font-size:.92rem}.modal-backdrop{position:fixed;inset:0;background:rgba(4,9,18,.72);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-panel{position:relative;width:100%;max-width:860px;max-height:92vh;overflow-y:auto;background:rgba(14,23,39,.98);border:1px solid rgba(80,106,156,.24);border-radius:20px}.modal-media{border-radius:20px 20px 0 0;overflow:hidden}.modal-thumb-wrap{position:relative;display:block;width:100%;padding:0;border:none;background:none;cursor:pointer}.modal-thumb-wrap:disabled{cursor:default}.modal-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.modal-play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:999px;background:rgba(7,17,31,.75);color:#fff;font-size:1.4rem;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.25)}.modal-video-frame{width:100%;aspect-ratio:16/9;display:block;border:none}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:none;background:rgba(7,17,31,.9);color:#fff;font-size:1rem;cursor:pointer;display:grid;place-items:center}.modal-body{padding:24px;display:grid;grid-gap:12px;gap:12px}.modal-body h3{margin:0;font-size:1.25rem;line-height:1.3}.modal-field-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.modal-field-header h3{flex:1 1}.modal-field-label{color:#9fb0c9;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.copy-button{flex-shrink:0;white-space:nowrap}.modal-description{white-space:pre-wrap;color:#becfe6;line-height:1.6;font-size:.95rem;max-height:220px;overflow-y:auto;margin:0}.channel-table{display:flex;flex-direction:column;gap:8px}.result-count{margin:0 0 4px;padding:0 16px;color:#9fb0c9;font-size:.88rem}.channel-table-columns{display:none}.channel-row{background:rgba(14,23,39,.95);border:1px solid rgba(80,106,156,.18);border-radius:16px;overflow:hidden}.channel-row-summary{display:grid;grid-template-columns:44px minmax(140px,1.3fr) 78px minmax(200px,1.7fr) 20px;grid-template-areas:"avatar identity score latest chevron";align-items:center;grid-gap:16px;gap:16px;padding:12px 16px;cursor:pointer}.channel-row-summary:hover{background:rgba(58,116,255,.06)}.channel-row-summary:focus-visible{outline:2px solid #6fa2ff;outline-offset:-2px}.channel-row-avatar-link{grid-area:avatar;display:block;width:44px;height:44px;flex-shrink:0;border-radius:12px}.channel-row-avatar-link:focus-visible{outline:2px solid #6fa2ff;outline-offset:2px}.channel-row-avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;display:grid;place-items:center;font-weight:800;color:#fff}.channel-row-avatar-fallback{background:linear-gradient(180deg,#4470ff,#2954d4)}.channel-row-identity{grid-area:identity;display:grid;grid-gap:2px;gap:2px;min-width:0}.channel-row-title{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row-subs{color:#9fb0c9;font-size:.85rem}.channel-row-score{grid-area:score;display:grid;justify-items:center;align-content:center;grid-gap:1px;gap:1px;height:44px;border-radius:12px;line-height:1.1;justify-self:start}.channel-row-score-letter{font-size:1.05rem;font-weight:800}.channel-row-score-ratio{font-size:.66rem;font-weight:700;opacity:.85}.channel-row-latest{grid-area:latest;display:flex;align-items:center;gap:10px;min-width:0}.channel-row-latest-thumb{width:72px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;background:hsla(0,0%,100%,.04)}.channel-row-latest-meta{display:grid;grid-gap:2px;gap:2px;min-width:0}.channel-row-latest-title{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row-latest-stats{color:#9fb0c9;font-size:.8rem}.channel-row-latest-empty{color:#7c8ba6;font-size:.85rem;font-style:italic}.channel-row-chevron{grid-area:chevron;color:#7c8ba6;transition:transform .2s ease;justify-self:end}.channel-row.is-expanded .channel-row-chevron{transform:rotate(180deg)}.channel-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 16px 14px}.channel-row-detail-link{color:#7dc7ff;font-weight:600;font-size:.88rem;margin-left:auto}.channel-row-details{padding:6px 16px 20px;border-top:1px solid rgba(80,106,156,.14);display:grid;grid-gap:14px;gap:14px}.channel-row-details .channel-description{max-height:160px;overflow-y:auto;white-space:pre-wrap;font-size:.92rem}@media (min-width:901px){.channel-table-columns{display:grid;grid-template-columns:44px minmax(140px,1.3fr) 78px minmax(200px,1.7fr) 20px;grid-gap:16px;gap:16px;padding:0 16px;margin-bottom:6px;color:#7c8ba6;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.channel-table-columns-score{text-align:center}}@media (max-width:900px){.channel-row-summary{grid-template-columns:40px 1fr auto 20px;grid-template-areas:"avatar identity score chevron" "latest latest  latest latest";row-gap:10px}.channel-row-score{display:flex;align-items:center;gap:6px;justify-self:end;height:auto;padding:4px 10px}}@media (max-width:560px){.channel-row-latest-thumb{display:none}}.channel-detail-page .detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.channel-summary{display:grid;grid-gap:16px;gap:16px}.channel-summary-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:14px;gap:14px}.video-grid{display:grid;grid-gap:16px;gap:16px}@media (max-width:900px){.channel-card-header,.detail-header,.hero-card{grid-template-columns:1fr}.channel-card-header,.hero-visual,.search-header{align-items:stretch}.channel-card-actions{justify-content:flex-start}.compare-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.container{padding:20px 16px}.hero-actions,.search-form{grid-template-columns:1fr}.button{width:100%}}