.sv{width:100%;container:sv/inline-size}.sv-stage{aspect-ratio:480/340;border:1px solid var(--border);border-radius:var(--radius-panel);background-color:var(--bg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.sv-full,.sv-compact{position:absolute;inset:0}.sv-full{--u-base:calc(100cqw / 480);--u:var(--u-base)}.sv-compact{--u-base:calc(100cqw / 336);--u:var(--u-base);display:none}@container sv (max-width:459.98px){.sv-stage{aspect-ratio:336 / var(--sv-ch,300)}.sv-full{display:none}.sv-compact{display:block}}.sv-foot{color:var(--fg-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-top:.5rem;font-size:.75rem;display:flex}.sv-cap{align-items:center;gap:.375rem;display:inline-flex}.sv-cap:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:6px;height:6px}.sv-pause{cursor:pointer;min-height:2.75rem;color:var(--fg-muted);align-items:center;gap:.375rem;display:inline-flex;position:relative}.sv-pause input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sv-pause-box{border:1px solid var(--border-control);border-radius:6px;align-items:center;gap:.375rem;height:1.5rem;padding-inline:.5rem;display:inline-flex}.sv-pause input:focus-visible+.sv-pause-box{outline:2px solid var(--ring);outline-offset:2px}.sv-pause-box svg{fill:currentColor;width:10px;height:10px}.sv-pause .sv-i-play,.sv-pause input:checked+.sv-pause-box .sv-i-pause{display:none}.sv-pause input:checked+.sv-pause-box .sv-i-play{display:block}.sv:has(.sv-pause input:checked) .sv-stage *{animation-play-state:paused!important}.sv:has(.sv-pause input:checked) .sv-stage :after{animation-play-state:paused!important}.k{--k-ink:#0d151d;--k-ink-2:#2c3a48;--k-mute:#566474;--k-soft:#5f6b78;--k-line:#e3e9f1;--k-line-2:#d2dae5;--k-bg:#f3f6fa;--k-card:#fff;--k-rail:#f7f9fc;--k-blue:#1263d6;--k-blue-ink:#0f52b0;--k-blue-soft:#eaf2fd;--k-blue-line:#c9dcf7;--k-teal:#0a6a85;--k-ok:#1f7a4d;--k-ok-soft:#e5f3ec;--k-warn:#8a5300;--k-warn-soft:#fbf0dc;--k-bad:#b3213a;--k-bad-soft:#fbe7ea;color:var(--k-ink);font-family:var(--font-latin), ui-sans-serif, system-ui, sans-serif;font-size:calc(var(--u) * 9.2);-webkit-font-smoothing:antialiased;line-height:1.3;position:absolute;inset:0;overflow:hidden}.k:lang(ar){font-family:var(--font-arabic), ui-sans-serif, system-ui, sans-serif}.k *,.k :before,.k :after{box-sizing:border-box;min-width:0}.k b,.k strong{font-weight:600}.k .n{white-space:nowrap;font-family:var(--font-latin), ui-sans-serif, system-ui, sans-serif;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}.k .row{align-items:center;gap:calc(var(--u) * 6);display:flex}.k .col{flex-direction:column;display:flex}.k .sp{flex:1}.k .ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.k .lab{color:var(--k-mute);font-size:calc(var(--u) * 8.8)}.k .ttl{letter-spacing:-.01em;font-weight:600}.k:lang(ar) .ttl{letter-spacing:0}.k .ic{width:calc(var(--u) * 11);height:calc(var(--u) * 11);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none}.k .win{border-radius:calc(var(--u) * 11);background:var(--k-bg);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #0d151d0f, 0 calc(var(--u) * 22) calc(var(--u) * 40) calc(var(--u) * -20) #0d151d4d;outline:1px solid #0d151d1f;position:absolute;overflow:hidden}.k .chrome{height:calc(var(--u) * 20);align-items:center;gap:calc(var(--u) * 7);border-bottom:1px solid var(--k-line);background:var(--k-rail);padding-inline:calc(var(--u) * 8);display:flex}.k .dots{gap:calc(var(--u) * 4);direction:ltr;display:flex}.k .dots i{width:calc(var(--u) * 5.5);height:calc(var(--u) * 5.5);background:var(--k-line-2);border-radius:50%;display:block}.k .url{width:46%;height:calc(var(--u) * 13);justify-content:center;align-items:center;gap:calc(var(--u) * 4);border-radius:calc(var(--u) * 4);background:var(--k-card);color:var(--k-mute);font-family:var(--font-latin), ui-sans-serif, system-ui, sans-serif;font-size:calc(var(--u) * 8.6);outline:1px solid var(--k-line);direction:ltr;margin-inline:auto;font-weight:500;display:flex}.k .ph{border-radius:calc(var(--u) * 22);padding:calc(var(--u) * 3.5);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) #0d151d14, 0 calc(var(--u) * 24) calc(var(--u) * 40) calc(var(--u) * -18) #0d151d66;background:#1b1f26;position:absolute}.k .scr{border-radius:calc(var(--u) * 18.5);background:var(--k-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.k .scr>*{flex-shrink:0}.k .isl{z-index:3;width:calc(var(--u) * 34);height:calc(var(--u) * 9);border-radius:calc(var(--u) * 6);background:#1b1f26;position:absolute;inset-block-start:calc(var(--u) * 4);inset-inline-start:50%;translate:-50%}[dir=rtl] .k .isl{translate:50%}.k .sb{height:calc(var(--u) * 17);padding:0 calc(var(--u) * 11) calc(var(--u) * 1);font-family:var(--font-latin), ui-sans-serif, system-ui, sans-serif;font-size:calc(var(--u) * 8.6);direction:ltr;justify-content:space-between;align-items:flex-end;font-weight:600;display:flex}.k .tb{border-top:1px solid var(--k-line);background:var(--k-card);padding:calc(var(--u) * 5) calc(var(--u) * 2) calc(var(--u) * 8);color:var(--k-soft);font-size:calc(var(--u) * 8.8);text-align:center;grid-template-columns:repeat(4,1fr);margin-top:auto;display:grid}.k .tb span{align-items:center;gap:calc(var(--u) * 2);flex-direction:column;display:flex}.k .tb .on{color:var(--k-blue);font-weight:500}.k .card{border-radius:calc(var(--u) * 9);background:var(--k-card);box-shadow:0 1px 1px #0d151d0a, 0 calc(var(--u) * 2) calc(var(--u) * 6) calc(var(--u) * -2) #0d151d1a;outline:1px solid var(--k-line)}.k .chip{height:calc(var(--u) * 16);align-items:center;gap:calc(var(--u) * 4);border-radius:calc(var(--u) * 5);background:var(--k-bg);padding-inline:calc(var(--u) * 6);color:var(--k-ink-2);font-size:calc(var(--u) * 8.8);white-space:nowrap;font-weight:500;display:inline-flex}.k .chip i{width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:currentColor;border-radius:50%;flex:none;display:block}.k .chip.ok{background:var(--k-ok-soft);color:var(--k-ok)}.k .chip.warn{background:var(--k-warn-soft);color:var(--k-warn)}.k .chip.rev{background:var(--k-blue-soft);color:var(--k-blue-ink)}.k .chip.bad{background:var(--k-bad-soft);color:var(--k-bad)}.k .btn{height:calc(var(--u) * 22);justify-content:center;align-items:center;gap:calc(var(--u) * 5);border-radius:calc(var(--u) * 7);background:var(--k-blue);padding-inline:calc(var(--u) * 10);color:#fff;font-size:calc(var(--u) * 9.4);white-space:nowrap;font-weight:500;display:inline-flex}.k .btn.g{background:var(--k-card);box-shadow:inset 0 0 0 1px var(--k-line-2);color:var(--k-ink)}.k .btn.s{background:var(--k-blue-soft);color:var(--k-blue-ink)}.k .av{width:calc(var(--u) * 18);height:calc(var(--u) * 18);background:var(--k-blue-soft);color:var(--k-blue-ink);font-size:calc(var(--u) * 8.8);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.k .meter{height:calc(var(--u) * 6);border-radius:calc(var(--u) * 3);background:var(--k-line);display:flex;overflow:hidden}.k .meter i{height:100%;display:block}.k .dot{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;flex:none;display:block}.k .rule{border-bottom:1px solid var(--k-line)}.k .tbl{border-collapse:collapse;width:100%;font-size:calc(var(--u) * 9)}.k .tbl th{border-bottom:1px solid var(--k-line);padding:calc(var(--u) * 4) calc(var(--u) * 7);color:var(--k-mute);font-size:calc(var(--u) * 8.8);text-align:start;white-space:nowrap;font-weight:500}.k .tbl td{border-bottom:1px solid var(--k-line);padding:calc(var(--u) * 4) calc(var(--u) * 7);white-space:nowrap}.k .tbl tr:last-child td{border-bottom:0}.k .tbl tr.sel td{background:color-mix(in oklab, var(--k-blue) 7%, var(--k-card))}.k .tbl tr.sel td:first-child{box-shadow:inset 2px 0 0 var(--k-blue)}[dir=rtl] .k .tbl tr.sel td:first-child{box-shadow:inset -2px 0 0 var(--k-blue)}.k .side{border-inline-end:1px solid var(--k-line);background:var(--k-rail);padding:calc(var(--u) * 9) calc(var(--u) * 6);flex-direction:column;gap:1px;display:flex}.k .side [data-nv]{align-items:center;gap:calc(var(--u) * 6);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 6);color:var(--k-mute);font-size:calc(var(--u) * 9.2);white-space:nowrap;display:flex}.k .side [data-nv].on{background:var(--k-card);color:var(--k-ink);font-weight:500;box-shadow:0 1px 2px #0d151d14}.k .side [data-nv].on .ic{color:var(--k-blue)}.k .side .grp{padding:calc(var(--u) * 6) calc(var(--u) * 6) calc(var(--u) * 2);color:var(--k-soft);font-size:calc(var(--u) * 8.8)}.k .tag{border-radius:calc(var(--u) * 6);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 6) calc(var(--u) * -2) #0d151d26;padding:0 calc(var(--u) * 7);color:#1b2430;font-size:calc(var(--u) * 9.2);font-weight:500;line-height:calc(var(--u) * 18);white-space:nowrap;background:#fff;outline:1px solid #d7dee8}.k .tag:before{content:"";width:calc(var(--u) * 6);height:calc(var(--u) * 6);vertical-align:middle;background:#1263d6;border-radius:2px;margin-inline-end:calc(var(--u) * 5);display:inline-block}@keyframes sv-rise{0%{transform:translateY(calc(var(--u) * 10))}}.k .rise{animation:sv-rise .56s var(--ease-hava) both;animation-delay:var(--d,0s)}.k .st{opacity:0;animation-duration:var(--p,12s);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--p,12s) * ((var(--i) - var(--n)) / var(--n) - var(--f)));position:absolute;inset:0}.k .cyc-2{--n:2;--f:.04}.k .cyc-3{--n:3;--f:.03}.k .cyc-4{--n:4;--f:.025}.k .cyc-2>.st{animation-name:sv-cycle-2}.k .cyc-3>.st{animation-name:sv-cycle-3}.k .cyc-4>.st{animation-name:sv-cycle-4}@keyframes sv-cycle-2{0%{opacity:0;transform:translateY(calc(var(--u) * 6))}4%,50%{opacity:1;transform:none}54%,to{opacity:0;transform:translateY(calc(var(--u) * -4))}}@keyframes sv-cycle-3{0%{opacity:0;transform:translateY(calc(var(--u) * 6))}3%,33.34%{opacity:1;transform:none}36.34%,to{opacity:0;transform:translateY(calc(var(--u) * -4))}}@keyframes sv-cycle-4{0%{opacity:0;transform:translateY(calc(var(--u) * 6))}2.5%,25%{opacity:1;transform:none}27.5%,to{opacity:0;transform:translateY(calc(var(--u) * -4))}}@keyframes sv-pulse{0%,to{opacity:1}50%{opacity:.35}}.k .pulse{animation:1.8s ease-in-out infinite sv-pulse}@keyframes sv-sweep{0%{transform:scaleX(0)}}.k .sweep{transform-origin:0;animation:sv-sweep 1.6s var(--ease-hava) both;animation-delay:var(--d,0s)}[dir=rtl] .k .sweep{transform-origin:100%}.k .lv{position:relative}.k .lv:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 calc(var(--u) * 1.4) #1263d6, 0 calc(var(--u) * 4) calc(var(--u) * 12) calc(var(--u) * -6) #1263d673;opacity:0;pointer-events:none;animation:var(--lk) var(--lp,9s) linear infinite;animation-delay:calc(var(--lp,9s) * (var(--li) / var(--ln) - 1));position:absolute;inset:0}.k .lv-2{--ln:2;--lk:sv-lv-2}.k .thumb.lv:after{box-shadow:inset 0 0 0 calc(var(--u-base) * 1.6) #1263d6, 0 calc(var(--u-base) * 6) calc(var(--u-base) * 18) calc(var(--u-base) * -8) #1263d680}.k .lv-3{--ln:3;--lk:sv-lv-3}.k .lv-4{--ln:4;--lk:sv-lv-4}.k .lv-5{--ln:5;--lk:sv-lv-5}.k .lv-6{--ln:6;--lk:sv-lv-6}@keyframes sv-lv-2{0%,to{opacity:0}6%,43%{opacity:1}50%{opacity:0}}@keyframes sv-lv-3{0%,to{opacity:0}5%,28%{opacity:1}33.3%{opacity:0}}@keyframes sv-lv-4{0%,to{opacity:0}4%,21%{opacity:1}25%{opacity:0}}@keyframes sv-lv-5{0%,to{opacity:0}3.5%,16.5%{opacity:1}20%{opacity:0}}@keyframes sv-lv-6{0%,to{opacity:0}3%,13.7%{opacity:1}16.67%{opacity:0}}.k .sw{vertical-align:bottom;display:inline-grid;overflow:hidden}.k .sw>*{white-space:nowrap;grid-area:1/1}.k .sw>:first-child{animation:sv-sw-a var(--lp,8s) var(--ease-hava) infinite}.k .sw>:last-child{animation:sv-sw-b var(--lp,8s) var(--ease-hava) infinite;transform:translateY(110%)}@keyframes sv-sw-a{0%,44%{transform:none}50%,94%{transform:translateY(-110%)}94.01%{transform:translateY(110%)}to{transform:none}}@keyframes sv-sw-b{0%,44%{transform:translateY(110%)}50%,94%{transform:none}to{transform:translateY(-110%)}}.hs-layer{opacity:0;pointer-events:none;transition:opacity .45s var(--ease-hava), transform .45s var(--ease-hava);position:absolute;inset:0;transform:translateY(8px)}.hs-layer.on{opacity:1;transform:none}.hs-layer.out{opacity:0;transition-delay:.14s;transform:translateY(-6px)}.hs-layer:not(.on) .rise{animation:none}.hs .k .st{opacity:0;animation:none}.hs .k .st.rest{opacity:1}.hs-fly{z-index:5;pointer-events:none;background:var(--accent);color:var(--accent-on);font:600 10px var(--font-latin), ui-sans-serif, system-ui, sans-serif;white-space:nowrap;border-radius:6px;padding:3px 7px;position:absolute;top:0;left:0;box-shadow:0 6px 16px -6px #0d151d73}.hs-controls{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-top:.75rem;padding-top:.25rem;display:flex}.hs-tabs{flex-wrap:wrap;gap:0 .25rem;display:flex}.hs-tab,.hs-play{cursor:pointer;border-radius:var(--radius-control);min-height:2.75rem;color:var(--fg-subtle);transition:color var(--dur-fast) var(--ease-hava);align-items:center;gap:.375rem;padding-inline:.5rem;font-size:.8125rem;display:inline-flex}.hs-tab:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:5px;height:5px}.hs-tab[aria-pressed=true]{color:var(--accent-text);font-weight:500}.hs-tab[aria-pressed=true]:before{background:var(--accent);opacity:1}.hs-tab:hover,.hs-play:hover{color:var(--fg)}.hs-play{color:var(--fg-muted);margin-inline-start:auto}.hs-play svg{fill:currentColor;width:10px;height:10px}.hs-tab:focus-visible,.hs-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hs .sv-foot{margin-top:.25rem}@media (prefers-reduced-motion:reduce){.hs-layer,.hs-layer.out{transition:none!important}}.k .still .rise,.k .still .pulse,.k .still .sweep,.k .still .lv:after,.k .still .sw>*{animation:none}.k .still .st{opacity:0;animation:none}.k .still .st.rest{opacity:1}@media (prefers-reduced-motion:reduce){.sv .k,.sv .k *,.sv .k :after{animation:none!important}.sv .k .st{opacity:0}.sv .k .st.rest{opacity:1}.sv-pause{display:none}}