@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url('/assets/fonts/montserrat-cyrillic-400-normal.0mj-hhmu-dpu3.woff2') format('woff2')}
@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url('/assets/fonts/montserrat-cyrillic-700-normal.30j15df2dz75a.woff2') format('woff2')}
@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url('/assets/fonts/montserrat-cyrillic-800-normal.3aqey_e20rd68.woff2') format('woff2')}
:root{color-scheme:light;--navy:#031426;--navy-2:#08243d;--red:#e94266;--yellow:#f3b935;--green:#19a974;--purple:#7259d9;--blue:#00aeb5;--cyan:#00bcb2;--ink:#09223a;--muted:#60778c;--bg:#edf5f7;--panel:#fff;--line:#cfe1e7;--soft:#f4f9fa;--shadow:0 12px 32px rgba(3,20,38,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-color:var(--blue)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;background:var(--navy);color:#fff}.brand{display:block;padding:4px 8px 28px}.brand small{display:block;margin-top:7px;color:#a9bbcc;font-size:10px;text-transform:uppercase}.sam-mark{display:flex;align-items:flex-end;gap:10px;color:#fff}.sam-mark span{font-weight:800;font-size:20px;line-height:1}.sam-mark strong{padding:6px 8px;background:var(--yellow);color:var(--navy);font-size:28px;line-height:.8}.sam-mark.small span{font-size:18px}.sam-mark.small strong{font-size:24px}.sidebar nav{display:grid;gap:8px}.nav-link{min-height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;border:2px solid rgba(255,255,255,.11);border-radius:8px;color:#c8d5df;font-weight:700}.nav-link i{width:22px;text-align:center;font-style:normal;font-size:22px}.nav-link:hover,.nav-link:focus-visible{border-color:rgba(255,201,40,.7);color:#fff}.nav-link.active{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}.sidebar-foot{margin-top:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:16px 8px 0;border-top:1px solid rgba(255,255,255,.13)}.sidebar-foot span{font-weight:700}.sidebar-foot small{grid-column:1;color:#9fb0c0}.sidebar-foot form{grid-column:2;grid-row:1/3}.logout,.icon-button{border:0;background:transparent;cursor:pointer}.logout{width:42px;height:42px;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:22px}.main{min-width:0;padding:28px 32px 60px}.mobile-head{display:none}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:26px;background:var(--panel);border:2px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.page-header h1{max-width:900px;margin:4px 0 0;font-size:clamp(28px,3.5vw,52px);line-height:1.02;letter-spacing:0}.page-header p{max-width:760px;margin:10px 0 0;color:var(--muted);font-weight:600}.eyebrow{display:block;color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.button,.primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:2px solid var(--navy);border-radius:8px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.button:hover,.button:focus-visible{background:var(--soft)}.button.primary,button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button.primary:hover,button.primary:hover{background:var(--navy-2)}.button-row{display:flex;gap:10px;flex-wrap:wrap}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{min-width:0;padding:20px;background:var(--panel);border:2px solid var(--line);border-radius:8px}.metric span,.metric small{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.metric strong{display:block;margin:8px 0 6px;font-size:38px;line-height:1}.dashboard-grid,.import-grid,.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel{min-width:0;margin-bottom:18px;padding:24px;background:var(--panel);border:2px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel header{margin-bottom:20px}.panel h2{margin:3px 0 0;font-size:24px;line-height:1.15}.panel header p{margin:5px 0 0;color:var(--muted)}.empty-hero,.empty-state{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:28px;background:#fff;border:2px dashed #9db0c1;border-radius:8px}.empty-hero h2,.empty-state h2{margin:4px 0 8px;font-size:28px}.empty-hero p,.empty-state p{max-width:720px;margin:0;color:var(--muted)}.empty-state{min-height:220px;flex-direction:column;justify-content:center;text-align:center}.empty-mini{padding:24px 0;color:var(--muted)}
.bars{display:grid;gap:16px}.bar-row>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:700}.bar-row i,.score i{height:8px;display:block;overflow:hidden;background:#e5ecf2;border-radius:8px}.bar-row b,.score b{height:100%;display:block;background:var(--blue)}.bar-row b.green,.badge.green{background:var(--green)}.bar-row b.yellow,.badge.yellow{background:var(--yellow);color:var(--navy)}.bar-row b.red,.badge.red{background:var(--red)}.bar-row b.purple,.badge.purple{background:var(--purple)}.compact-list{display:grid}.compact-list a{display:grid;grid-template-columns:56px minmax(180px,1fr) minmax(120px,.7fr) 70px;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.compact-list a:hover span{color:var(--red)}.compact-list small{color:var(--muted)}.compact-list strong{text-align:right;font-size:20px}
.filter-bar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin-bottom:20px;padding:18px;background:var(--panel);border:2px solid var(--line);border-radius:8px}.filter-bar label,.login-card label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.filter-bar input,.filter-bar select,.login-card input{width:100%;height:44px;padding:0 12px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.filter-bar input:focus,.filter-bar select:focus,.login-card input:focus{border-color:var(--blue)}
.competitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.competitor-card{min-width:0;overflow:hidden;background:var(--panel);border:2px solid var(--line);border-radius:8px;transition:transform .18s ease,border-color .18s ease}.competitor-card:hover{transform:translateY(-3px);border-color:var(--navy)}.competitor-visual{position:relative;aspect-ratio:16/10;display:grid;place-items:center;background:var(--navy);color:#fff}.competitor-visual>span{font-size:64px;font-weight:800;opacity:.3}.competitor-visual img{width:100%;height:100%;object-fit:cover}.competitor-visual b{position:absolute;top:10px;left:10px;padding:7px 9px;background:#fff;color:var(--navy);border-radius:6px}.competitor-visual>small{position:absolute;right:8px;bottom:8px;padding:4px 7px;background:rgba(16,36,62,.88);color:#fff;border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase}.competitor-body{display:grid;gap:10px;padding:16px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border-radius:5px;background:var(--navy);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.badge.confidence{background:#e7edf3;color:var(--navy)}.badge.muted{background:#c9d3dc;color:var(--navy)}.competitor-body h2{margin:0;font-size:19px;line-height:1.08}.en-name{margin:-6px 0 0;color:var(--muted);font-size:12px}.competitor-body dl{display:grid;gap:6px;margin:0}.competitor-body dl div{display:grid;grid-template-columns:70px 1fr;gap:8px}.competitor-body dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.competitor-body dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.similarity{display:flex;align-items:flex-end;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.similarity span{font-size:10px;font-weight:800;text-transform:uppercase}.similarity strong{font-size:24px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.pagination a{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;background:#fff;font-weight:800}.pagination a.active{background:var(--navy);border-color:var(--navy);color:#fff}
.detail-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:18px;margin-bottom:18px}.detail-image{position:relative;aspect-ratio:16/10;display:grid;place-items:center;align-content:center;overflow:hidden;background:var(--navy);color:#fff;border-radius:8px}.detail-image>span{font-size:100px;font-weight:800;opacity:.3}.detail-image small{color:#a9bbcc}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-image .visual-note{position:absolute;right:10px;bottom:10px;left:10px;padding:7px 9px;background:rgba(16,36,62,.9);color:#fff;border-radius:5px;text-align:center;font-size:9px;font-weight:800;text-transform:uppercase}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fact-grid>div{padding:18px;background:#fff;border:2px solid var(--line);border-radius:8px}.fact-grid dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.fact-grid dd{margin:7px 0 0;font-size:16px;font-weight:700}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.score{display:grid;gap:8px}.score>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.score strong{font-size:28px}.score small{color:var(--muted);font-size:12px}.score b{background:var(--red)}.insight-grid .panel{margin-bottom:0}.insight-grid .fact{border-top:5px solid var(--blue)}.insight-grid .analysis{border-top:5px solid var(--purple)}.insight-grid .lesson{border-top:5px solid var(--green)}.insight-grid .action{border-top:5px solid var(--yellow)}.insight-grid p{margin:12px 0 0}.insight-grid ul{margin:15px 0 0;padding-left:18px}.insight-grid li+li{margin-top:8px}.source-list{display:grid}.source-list a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.source-list a:hover span{color:var(--red)}.source-list small{color:var(--muted);text-align:right}.status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.compare-picker{display:flex;gap:10px;margin-bottom:18px}.compare-picker input{flex:1;height:44px;padding:0 12px;border:2px solid var(--line);border-radius:8px}.compare-table-wrap,.table-wrap{overflow:auto;border:2px solid var(--line);border-radius:8px}.compare-table,table{width:100%;border-collapse:collapse;background:#fff}.compare-table th,.compare-table td,th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare-table thead th,thead th{position:sticky;top:0;background:var(--navy);color:#fff}.compare-table tbody th{min-width:150px;color:var(--muted);font-size:11px;text-transform:uppercase}.compare-table td{min-width:220px}.file-drop{min-height:180px;display:grid;place-items:center;align-content:center;gap:6px;border:2px dashed #9eb0c0;border-radius:8px;background:var(--soft);cursor:pointer}.file-drop input{max-width:250px}.file-drop span{font-weight:800}.file-drop small{color:var(--muted)}.upload-panel{display:grid;gap:16px}.method ol{padding-left:20px}.method li+li{margin-top:10px}.alert{margin-bottom:16px;padding:14px 16px;border:2px solid var(--line);border-radius:8px;background:#fff;font-weight:700}.alert.error{border-color:var(--red);color:#a31c20}.alert.success{border-color:var(--green);color:#1f714a}.alert.info{border-color:var(--blue);color:#16558d}
.login-page{min-height:100vh;background:var(--navy)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(420px,.8fr);align-items:center;gap:8vw;padding:8vw;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.07) 50%,transparent 50.2%)}.login-brand{color:#fff}.login-brand .sam-mark span{font-size:clamp(32px,5vw,78px)}.login-brand .sam-mark strong{font-size:clamp(46px,7vw,104px)}.login-brand p{margin:18px 0 0;color:#a9bbcc;font-size:14px;font-weight:700;text-transform:uppercase}.login-card{display:grid;gap:18px;padding:30px;background:#fff;border:3px solid var(--yellow);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.login-card h1{margin:4px 0 0;font-size:32px}.password-field{position:relative;display:block}.password-field input{padding-right:50px}.password-field .icon-button{position:absolute;right:6px;top:6px;width:32px;height:32px}.check{display:flex!important;grid-template-columns:20px 1fr;align-items:center;text-transform:none!important;font-size:13px!important}.check input{width:18px;height:18px}.login-card>.primary{width:100%}
@media(max-width:1280px){.competitor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{grid-template-columns:repeat(4,minmax(140px,1fr))}.filter-bar .search{grid-column:span 2}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:min(300px,88vw);height:100dvh;transform:translateX(-105%);transition:transform .2s ease}.menu-open .sidebar{transform:translateX(0)}.main{padding:0 16px 40px}.mobile-head{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;margin:0 -16px 16px;padding:12px 16px;background:rgba(238,243,247,.94);border-bottom:2px solid var(--line);backdrop-filter:blur(12px)}.mobile-logo{font-size:24px;font-weight:800}.menu-button{width:44px;height:44px;border:2px solid var(--navy);border-radius:8px;background:#fff;font-size:22px}.page-header{align-items:flex-start;padding:20px}.page-header h1{font-size:34px}.metrics,.dashboard-grid,.import-grid,.insight-grid,.detail-hero{grid-template-columns:1fr}.competitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:1fr;padding:24px}.login-brand{text-align:center}.login-brand .sam-mark{justify-content:center}.source-list a{display:grid}.source-list small{text-align:left}}
@media(max-width:560px){body{font-size:14px}.page-header{display:grid}.page-header h1{font-size:28px}.page-header .button{width:100%}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.filter-bar .search{grid-column:1/-1}.filter-bar button{grid-column:1/-1}.competitor-grid{grid-template-columns:1fr}.competitor-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.competitor-visual{aspect-ratio:auto;min-height:100%}.competitor-body{padding:12px}.metrics{gap:10px}.metric{padding:16px}.metric strong{font-size:32px}.fact-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}.compact-list a{grid-template-columns:42px 1fr 54px}.compact-list small{display:none}.empty-hero{display:grid}.compare-table td{min-width:180px}.login-card{padding:22px}.login-brand p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.compare-picker{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:14px;padding:18px;background:#fff;border:2px solid var(--line);border-radius:8px}.compare-picker label{display:grid;gap:6px}.compare-picker label>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.compare-picker select{width:100%;padding:10px;border:2px solid var(--line);border-radius:8px;background:#fff}.compare-picker>div{display:grid;gap:7px}.compare-picker small{max-width:240px;color:var(--muted)}
@media(max-width:560px){.compare-picker{grid-template-columns:1fr}.compare-picker .button{width:100%}}
@media(max-width:560px){.competitor-card{display:block;grid-template-columns:none}.competitor-visual{min-height:0;aspect-ratio:16/10}}
.asset-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.asset-review-card{min-width:0;overflow:hidden;background:#fff;border:2px solid var(--line);border-radius:8px}.asset-review-image{aspect-ratio:16/10;background:var(--navy)}.asset-review-image img{width:100%;height:100%;object-fit:contain;background:#fff}.asset-review-body{display:grid;gap:12px;padding:16px}.asset-review-body h2{margin:0;font-size:20px}.asset-review-body dl{display:grid;gap:8px;margin:0}.asset-review-body dl div{display:grid;gap:2px}.asset-review-body dt{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.asset-review-body dd{margin:0;overflow-wrap:anywhere;font-size:11px}.asset-review-body dd a{color:var(--blue);text-decoration:underline}.asset-review-body form{display:flex;gap:8px}.asset-review-body form .button{flex:1;padding:0 10px}@media(max-width:1100px){.asset-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.asset-review-grid{grid-template-columns:1fr}}

/* SANPORTO RADAR brand and themes */
.radar-logo{display:block;width:100%;height:auto}.brand{padding:2px 8px 24px}.brand .sidebar-logo{width:190px;max-height:66px;object-fit:contain;object-position:left center}.brand small{margin-top:5px;color:#81a4b5;letter-spacing:.08em}.mobile-radar-logo{width:128px;max-height:40px;object-fit:contain}.theme-toggle{width:100%;background:transparent;color:#b7ced9;font:inherit;text-align:left;cursor:pointer}.theme-toggle:hover,.theme-toggle:focus-visible{background:#0a2237;border-color:var(--cyan);color:#fff}.theme-toggle i{color:var(--cyan)}
.sidebar{background:#031426;border-right:1px solid #10405a}.nav-link{border-color:#17425a;color:#b7ced9}.nav-link:hover,.nav-link:focus-visible{border-color:var(--cyan);color:#fff}.nav-link.active{background:var(--cyan);border-color:var(--cyan);color:#031426}.eyebrow{color:#009fa8}.button.primary,button.primary{background:var(--cyan);border-color:var(--cyan);color:#031426}.button.primary:hover,button.primary:hover{background:#22c9c0;border-color:#22c9c0}.competitor-card:hover{border-color:var(--cyan)}.competitor-visual,.detail-image{background:#031426}.score b{background:var(--cyan)}
.radar-splash{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#020b17;opacity:1;transition:opacity .4s ease}.radar-splash.is-hidden{opacity:0;pointer-events:none}.radar-splash img{width:min(62vw,460px);max-height:min(62vh,460px);object-fit:contain;border-radius:22%}
.login-page{background:#020b17}.login-shell{background-color:#020b17}.login-brand{display:grid;justify-items:start}.login-brand .login-logo{width:min(600px,70vw)}.login-brand p{color:#8fb0c0;letter-spacing:.18em}.login-card{border-color:var(--cyan);box-shadow:0 24px 70px rgba(0,0,0,.38)}

html[data-theme="dark"]{color-scheme:dark;--ink:#e7f3f6;--muted:#9bb2bf;--bg:#07111f;--panel:#0d1b2b;--line:#234158;--soft:#112335;--shadow:none}
html[data-theme="dark"] body,html[data-theme="dark"] html{background:var(--bg)}
html[data-theme="dark"] .page-header,html[data-theme="dark"] .metric,html[data-theme="dark"] .panel,html[data-theme="dark"] .filter-bar,html[data-theme="dark"] .competitor-card,html[data-theme="dark"] .fact-grid>div,html[data-theme="dark"] .empty-hero,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .alert,html[data-theme="dark"] .compare-picker,html[data-theme="dark"] .asset-review-card{background:var(--panel);color:var(--ink)}
html[data-theme="dark"] .filter-bar input,html[data-theme="dark"] .filter-bar select,html[data-theme="dark"] .login-card input,html[data-theme="dark"] .compare-picker select,html[data-theme="dark"] .compare-picker input,html[data-theme="dark"] .pagination a,html[data-theme="dark"] .button{background:var(--soft);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] button.primary{background:var(--cyan);border-color:var(--cyan);color:#031426}
html[data-theme="dark"] table,html[data-theme="dark"] .compare-table{background:var(--panel);color:var(--ink)}
html[data-theme="dark"] thead th,html[data-theme="dark"] .compare-table thead th{background:#031426;color:#eaf9fb}
html[data-theme="dark"] .badge.confidence,html[data-theme="dark"] .badge.muted{background:#1d3548;color:#d8e8ee}
html[data-theme="dark"] .mobile-head{background:rgba(7,17,31,.94)}
html[data-theme="dark"] .menu-button{background:var(--panel);border-color:var(--cyan);color:var(--ink)}
html[data-theme="dark"] .asset-review-image img{background:#fff}
html[data-theme="dark"] .login-card{background:var(--panel);color:var(--ink)}

@media(max-width:860px){.brand .sidebar-logo{width:180px}.mobile-logo{display:block;line-height:0}.login-brand{justify-items:center}.login-brand .login-logo{width:min(520px,82vw)}.radar-splash img{width:min(76vw,420px)}}
@media(max-width:560px){.radar-splash img{width:min(82vw,360px)}.login-shell{padding:22px 18px}.login-brand p{font-size:9px}.competitor-card{display:block}.competitor-visual{aspect-ratio:16/10}}

.official-profile{display:block;padding:0;overflow:hidden}.channel-art{position:relative;aspect-ratio:2560/424;background:#031426}.channel-banner{width:100%;height:100%;object-fit:cover}.channel-logo{position:absolute;left:28px;bottom:-60px;width:132px;height:132px;object-fit:cover;background:#fff;border:5px solid #fff;border-radius:8px}.channel-copy{display:grid;gap:14px;padding:78px 28px 28px}.channel-copy h2{margin:0;font-size:28px;line-height:1.12}.channel-description{max-width:1100px;margin:0;color:var(--muted);font-size:13px;white-space:normal}.channel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.channel-metrics div{min-width:0}.channel-metrics strong,.channel-metrics span{display:block}.channel-metrics strong{font-size:20px}.channel-metrics span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.official-links{display:flex;gap:8px;flex-wrap:wrap}.official-links a{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:2px solid var(--line);border-radius:8px;background:var(--soft);font-size:11px;font-weight:800}.official-links a:hover{border-color:var(--cyan);color:var(--cyan)}.official-links a span{min-width:20px;color:var(--cyan);font-size:10px;text-align:center}.detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.media-placeholder{min-height:220px;display:grid;place-items:center;padding:20px;background:#031426;color:#8fb0c0;text-align:center;font-weight:800}.media-placeholder.compact{min-height:110px}.top-videos header p{margin-top:8px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.video-card{min-width:0;overflow:hidden;border:2px solid var(--line);border-radius:8px;background:var(--soft)}.video-card:hover{border-color:var(--cyan)}.video-thumb{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#031426;color:#9bb7c4}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb b{position:absolute;top:8px;left:8px;padding:4px 7px;border-radius:5px;background:#031426;color:#fff;font-size:10px}.video-thumb i{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:#031426;font-style:normal}.video-card>div:last-child{display:grid;gap:4px;padding:12px}.video-card h3{min-height:46px;margin:0;display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.video-card strong{margin-top:6px;font-size:18px}.video-card>div:last-child>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}
html[data-theme="dark"] .official-links a,html[data-theme="dark"] .video-card{background:var(--soft);color:var(--ink)}
@media(max-width:1280px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-logo{width:96px;height:96px;left:16px;bottom:16px}}
@media(max-width:560px){.channel-art{aspect-ratio:16/5}.channel-copy{padding:52px 18px 18px}.channel-copy h2{font-size:22px}.channel-metrics{grid-template-columns:1fr}.detail-facts,.video-grid{grid-template-columns:1fr}.video-card{display:grid;grid-template-columns:140px minmax(0,1fr)}.video-card h3{min-height:0}.video-thumb{height:100%;aspect-ratio:auto}.channel-logo{left:18px;bottom:-34px;width:76px;height:76px}}