.lll-svt { --svt-ink:#111a2c; --svt-muted:#68758a; --svt-line:#dfe5ed; --svt-paper:#fff; --svt-violet:#625be8; --svt-red:#ff384f; color:var(--svt-ink); }
.lll-svt *, .lll-svt *::before, .lll-svt *::after { box-sizing:border-box; }
.lll-svt__hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr); gap:40px; align-items:end; padding:50px; border-radius:24px; color:#fff; background:radial-gradient(circle at 92% 12%,rgba(255,107,124,.48),transparent 25%),linear-gradient(135deg,#101a3b,#362679 72%,#614cc3); overflow:hidden; }
.lll-svt__hero-copy > p:not(.lll-svt__eyebrow), .lll-svt__hero-stat { color:rgba(255,255,255,.84); }
.lll-svt .lll-svt__eyebrow, .lll-svt__section-label { margin:0 0 10px; color:#a9f4eb; font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.lll-svt__hero h2 { max-width:720px; margin:0; color:#fff; font-size:clamp(34px,4.5vw,57px); line-height:1.04; letter-spacing:-.05em; }
.lll-svt .lll-svt__hero-copy > p:not(.lll-svt__eyebrow) { max-width:680px; margin:17px 0 0; font-size:17px; line-height:1.55; }
.lll-svt__hero-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.lll-svt__hero-meta span { padding:7px 10px; border:1px solid rgba(255,255,255,.21); border-radius:999px; background:rgba(255,255,255,.09); color:#fff; font-size:12px; font-weight:750; }
.lll-svt__hero-stat { padding:24px; border:1px solid rgba(255,255,255,.17); border-radius:18px; background:rgba(8,12,40,.22); }
.lll-svt__hero-stat b { display:block; color:#fff; font-size:48px; line-height:1; letter-spacing:-.06em; }.lll-svt__hero-stat span { display:block; margin-top:7px; font-size:14px; font-weight:700; }.lll-svt__hero-stat small { display:block; margin-top:19px; color:#b9c4e0; font-size:12px; }
.lll-svt__workspace { margin-top:28px; overflow:hidden; border:1px solid var(--svt-line); border-radius:20px; background:var(--svt-paper); box-shadow:0 10px 26px rgba(25,38,75,.05); }
.lll-svt__topline { display:flex; align-items:end; justify-content:space-between; gap:18px; padding:29px 30px 22px; }.lll-svt__topline h2,.lll-svt__method h2 { margin:0; font-size:27px; letter-spacing:-.035em; }.lll-svt__topline .lll-svt__section-label { color:var(--svt-violet); }
.lll-svt__status { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid #f0c9cf; border-radius:999px; color:#a84353; background:#fff7f7; font-size:12px; font-weight:800; white-space:nowrap; }.lll-svt__status::before { width:7px; height:7px; border-radius:50%; background:#e36b7b; content:''; }.lll-svt__status.is-live { border-color:#bce7d8; color:#138267; background:#f2fffa; }.lll-svt__status.is-live::before { background:#2abf99; }
.lll-svt__tabs { display:flex; gap:7px; padding:13px 19px; border-top:1px solid var(--svt-line); border-bottom:1px solid var(--svt-line); overflow-x:auto; background:#fbfcfe; scrollbar-width:none; }.lll-svt__tabs::-webkit-scrollbar{display:none}.lll-svt__tabs button { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; padding:10px 12px; border:1px solid transparent; border-radius:10px; color:#66748a; background:transparent; font-size:13px; font-weight:800; cursor:pointer; }.lll-svt__tabs button.is-active { border-color:#d6d5ff; color:#332c91; background:#efefff; }.lll-svt__tabs em { padding:3px 5px; border-radius:5px; color:#8b96a8; background:#e9edf4; font-size:9px; font-style:normal; letter-spacing:.04em; text-transform:uppercase; }.lll-svt__platform-icon { display:grid; width:19px; height:19px; place-items:center; border-radius:5px; color:#fff; background:var(--svt-red); font-size:10px; line-height:1; }.lll-svt__tabs button:nth-child(n+2) .lll-svt__platform-icon { background:#303a51; }
.lll-svt__search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:18px 19px 7px; background:#fff; }.lll-svt__search input { width:100%; height:45px; padding:0 14px; border:1px solid #ccd8e5; border-radius:10px; outline:0; color:var(--svt-ink); font:inherit; }.lll-svt__search input:focus { border-color:var(--svt-violet); box-shadow:0 0 0 3px rgba(98,91,232,.12); }.lll-svt__search button { min-height:45px; padding:0 17px; border:0; border-radius:10px; color:#fff; background:var(--svt-violet); font:inherit; font-size:13px; font-weight:800; cursor:pointer; }.lll-svt__search button:hover { background:#4740bc; }.lll-svt__search button:disabled { cursor:wait; opacity:.65; }.lll-svt__search p { grid-column:1 / -1; margin:0; color:#7b899d; font-size:11px; line-height:1.4; }.lll-svt__search p.is-error { color:#b53d4b; }.lll-svt__search p.is-success { color:#178267; }
.lll-svt__controls { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:0; border-bottom:1px solid var(--svt-line); }.lll-svt__controls div { min-width:0; padding:16px 19px; border-right:1px solid var(--svt-line); }.lll-svt__controls div:last-child { border:0; }.lll-svt__controls span { display:block; color:#8290a2; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.lll-svt__controls strong { display:block; overflow:hidden; margin-top:6px; color:#334157; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.lll-svt__table-wrap { overflow-x:auto; }.lll-svt__table { width:100%; min-width:860px; border-collapse:collapse; }.lll-svt__table th { padding:13px 16px; color:#7d8ca0; background:#fff; font-size:10px; font-weight:850; letter-spacing:.08em; text-align:left; text-transform:uppercase; }.lll-svt__table td { padding:13px 16px; border-top:1px solid #e8edf3; color:#516076; font-size:13px; vertical-align:middle; }.lll-svt__table tbody tr:hover { background:#fbfcff; }.lll-svt__rank { display:grid; width:29px; height:29px; place-items:center; border-radius:8px; color:#5149c4; background:#efefff; font-size:12px; }.lll-svt__video { display:flex; align-items:center; gap:11px; width:330px; }.lll-svt__video img { width:72px; height:42px; flex:0 0 72px; border-radius:7px; object-fit:cover; background:#edf0f6; }.lll-svt__video a { display:-webkit-box; overflow:hidden; color:var(--svt-ink); font-weight:800; line-height:1.35; text-decoration:none; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.lll-svt__video a:hover { color:var(--svt-violet); text-decoration:underline; }.lll-svt__video small { display:block; overflow:hidden; margin-top:3px; color:#8290a2; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.lll-svt__table td strong { color:#1b2940; }.lll-svt__open { display:inline-flex; padding:8px 10px; border-radius:8px; color:#fff; background:#263858; font-size:11px; font-weight:800; text-decoration:none; }.lll-svt__open:hover { background:var(--svt-violet); color:#fff; }
.lll-svt__empty { display:grid; grid-template-columns:54px minmax(0,1fr); gap:17px; align-items:start; padding:47px 30px; background:linear-gradient(120deg,#fafbff,#f8f7ff); }.lll-svt__empty-icon { display:grid; width:54px; height:54px; place-items:center; border-radius:16px; color:#fff; background:linear-gradient(135deg,#ff4355,#755cf2); font-size:20px; }.lll-svt__empty h3 { margin:0; font-size:20px; letter-spacing:-.025em; }.lll-svt .lll-svt__empty p { max-width:690px; margin:8px 0; color:#65748a; font-size:14px; line-height:1.55; }.lll-svt__empty span { color:#3f816f; font-size:12px; font-weight:750; }
.lll-svt__method { display:grid; grid-template-columns:.8fr 1.6fr; gap:45px; margin-top:27px; padding:29px 30px; border:1px solid #dbe3ee; border-radius:19px; background:#f7faff; }.lll-svt__method .lll-svt__section-label { color:var(--svt-violet); }.lll-svt__method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.lll-svt .lll-svt__method-grid p { margin:0; color:#68778a; font-size:13px; line-height:1.55; }.lll-svt__method-grid b { display:block; margin-bottom:5px; color:#25354d; }
@media(max-width:780px){.lll-svt__hero{grid-template-columns:1fr;padding:32px 25px;gap:22px}.lll-svt__hero-stat{max-width:350px}.lll-svt__method{grid-template-columns:1fr;gap:21px}.lll-svt__method-grid{grid-template-columns:1fr;gap:13px}}
@media(max-width:640px){.lll-svt__hero{border-radius:18px}.lll-svt__hero h2{font-size:36px}.lll-svt .lll-svt__hero-copy > p:not(.lll-svt__eyebrow){font-size:15px}.lll-svt__workspace{margin-top:20px;border-radius:16px}.lll-svt__topline{align-items:start;padding:22px 18px 17px}.lll-svt__topline h2,.lll-svt__method h2{font-size:22px}.lll-svt__status{font-size:10px}.lll-svt__search{grid-template-columns:1fr;padding:15px 18px 5px}.lll-svt__search button{width:100%}.lll-svt__search p{grid-column:auto}.lll-svt__controls{grid-template-columns:1fr 1fr}.lll-svt__controls div{padding:14px 17px;border-bottom:1px solid var(--svt-line)}.lll-svt__controls div:nth-child(2n){border-right:0}.lll-svt__table-wrap{overflow:visible}.lll-svt__table,.lll-svt__table tbody,.lll-svt__table tr,.lll-svt__table td{display:block;width:100%;min-width:0}.lll-svt__table thead{display:none}.lll-svt__table tbody{padding:0 18px}.lll-svt__table tr{padding:14px 0;border-top:1px solid #e7edf4}.lll-svt__table tr:first-child{border-top:0}.lll-svt__table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}.lll-svt__table td::before{content:attr(data-label);color:#8290a2;font-size:10px;font-weight:850;letter-spacing:.08em;text-align:left;text-transform:uppercase}.lll-svt__table td:first-child{display:block;padding-bottom:10px}.lll-svt__table td:first-child::before,.lll-svt__table td:last-child::before{display:none}.lll-svt__video{width:auto;text-align:left}.lll-svt__table td:last-child{display:block;padding-top:10px;text-align:left}.lll-svt__open{width:100%;justify-content:center}.lll-svt__empty{grid-template-columns:1fr;padding:32px 21px}.lll-svt__method{padding:24px 21px;border-radius:16px}}