:is(.egcs-key-shop,.egcs-key-vips) {
  --ek-panel: var(--mid-panel,#171b23); --ek-raised: var(--mid-raised,#1e232d); --ek-border: var(--mid-border,#2a303b); --ek-text: var(--mid-text,#e5e8ef); --ek-muted: var(--mid-muted,#a1a9b8); --ek-accent: var(--mid-accent,#a5b4cb);
  container-type:inline-size; width:100%; min-width:0; margin:0 0 28px; color:var(--ek-text); color-scheme:dark;
}
:is(.egcs-key-shop,.egcs-key-vips) *, :is(.egcs-key-shop,.egcs-key-vips) *::before, :is(.egcs-key-shop,.egcs-key-vips) *::after { box-sizing:border-box; }
:is(.egcs-key-shop,.egcs-key-vips) [hidden] { display:none!important; }
:is(.egcs-key-shop,.egcs-key-vips) .ek-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin-bottom:26px; }
:is(.egcs-key-shop,.egcs-key-vips) .ek-heading-main { display:flex; align-items:center; gap:14px; min-width:0; }
:is(.egcs-key-shop,.egcs-key-vips) h1 { margin:0 0 5px; color:var(--ek-text); font-size:clamp(24px,2.7cqw,34px); font-weight:800; line-height:1.2; }
:is(.egcs-key-shop,.egcs-key-vips) p { margin:0; color:var(--ek-muted); font-size:13px; line-height:1.6; }
:is(.egcs-key-shop,.egcs-key-vips) .ek-icon { display:grid; place-items:center; flex:0 0 44px; height:44px; border:1px solid var(--ek-border); border-radius:12px; color:var(--ek-accent); background:var(--ek-panel); }
:is(.egcs-key-shop,.egcs-key-vips) .ek-icon svg { width:22px; height:22px; }
:is(.egcs-key-shop,.egcs-key-vips) .ek-back { display:inline-flex; align-items:center; min-height:40px; padding:9px 13px; border:1px solid var(--ek-border); border-radius:10px; background:var(--ek-panel); color:var(--ek-text); text-decoration:none; font-size:12px; }
.egcs-key-shop .ek-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,360px); gap:22px; align-items:start; }
:is(.egcs-key-shop,.egcs-key-vips) .ek-panel { min-width:0; border:1px solid var(--ek-border); border-radius:15px; background:var(--ek-panel); }
.egcs-key-shop .ek-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:19px 22px; border-bottom:1px solid var(--ek-border); }
.egcs-key-shop .ek-panel-heading h2 { margin:0; color:var(--ek-text); font-size:16px; line-height:1.4; font-weight:700; }
.egcs-key-shop .ek-panel-heading > span { color:var(--ek-muted); font-size:10px; letter-spacing:.08em; }
.egcs-key-shop .ek-panel-body { padding:22px; }
.egcs-key-shop .ek-field { margin-bottom:20px; min-width:0; }
.egcs-key-shop .ek-field > label { display:flex; align-items:center; gap:9px; margin-bottom:9px; color:var(--ek-text); font-size:13px; font-weight:600; }
.egcs-key-shop .ek-field > label > span { color:var(--ek-muted); font-size:10px; }
.egcs-key-shop select, .egcs-key-shop .ek-select-trigger { width:100%; min-width:0; height:46px; margin:0; padding:11px 13px; border:1px solid var(--ek-border); border-radius:10px; background:var(--ek-raised); color:var(--ek-text); font:inherit; font-size:13px; text-align:left; }
.egcs-key-shop .ek-select { position:relative; min-width:0; }
.egcs-key-shop .ek-select-ready > select { position:absolute; width:1px; height:1px; padding:0; margin:0; clip-path:inset(50%); overflow:hidden; opacity:0; pointer-events:none; }
.egcs-key-shop .ek-select-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; }
.egcs-key-shop .ek-select-trigger > span:first-child { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0; }
.egcs-key-shop .ek-select-trigger > span:last-child { flex:0 0 auto; color:var(--ek-muted); font-size:15px; }
.egcs-key-shop .ek-select-menu { position:absolute; z-index:40; top:calc(100% + 6px); left:0; right:0; max-height:260px; padding:5px; overflow-y:auto; border:1px solid var(--mid-border-hover,#465267); border-radius:11px; background:var(--ek-raised); box-shadow:0 14px 30px #0005; scrollbar-width:thin; }
.egcs-key-shop .ek-select-option { display:block; width:100%; min-height:40px; padding:10px; border:0; border-radius:7px; background:transparent; color:var(--ek-text); text-align:left; font:inherit; font-size:12px; line-height:1.5; overflow-wrap:anywhere; cursor:pointer; }
.egcs-key-shop .ek-select-option[aria-selected=true] { background:var(--mid-accent-soft,#242e3e); color:var(--mid-accent-hover,#bcc9dc); }
.egcs-key-shop .ek-select-option:hover, .egcs-key-shop .ek-select-option:focus { background:var(--mid-hover,#252c38); outline:0; }
.egcs-key-shop .ek-select-trigger:disabled { color:var(--ek-muted); cursor:wait; opacity:.65; }
.egcs-key-shop .ek-status { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:4px 0 18px; color:var(--ek-muted); font-size:12px; line-height:1.5; }
.egcs-key-shop .ek-status:has([data-load-status]:empty) { display:none; }
.egcs-key-shop .ek-retry { border:0; padding:4px 0; background:none; color:var(--ek-accent); text-decoration:underline; font:inherit; cursor:pointer; }
.egcs-key-shop .ek-consent { display:flex; align-items:flex-start; gap:10px; margin:0 0 18px; color:var(--ek-muted); font-size:12px; line-height:1.6; cursor:pointer; }
.egcs-key-shop .ek-consent input { flex:0 0 17px; width:17px; height:17px; margin:2px 0 0; accent-color:var(--ek-accent); }
.egcs-key-shop .ek-consent a, .egcs-key-shop .ek-agreement a, .egcs-key-shop .ek-help a { color:var(--ek-accent); text-decoration:underline; }
.egcs-key-shop .ek-buy { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:46px; padding:12px 15px; border:1px solid transparent; border-radius:10px; background:var(--ek-accent); color:var(--mid-on-accent,#11151c)!important; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.egcs-key-shop .ek-buy:disabled { opacity:.45; cursor:not-allowed; }
.egcs-key-shop .ek-buy:not(:disabled):hover { background:var(--mid-accent-hover,#bcc9dc); }
.egcs-key-shop .ek-agreement { margin-top:18px; font-size:11px; line-height:1.65; }
.egcs-key-shop .ek-guest { display:block; padding:14px; border:1px solid var(--ek-border); border-radius:10px; background:var(--ek-raised); color:var(--ek-text); font-size:13px; text-decoration:none; }
.egcs-key-shop .ek-info { display:grid; gap:18px; min-width:0; }
.egcs-key-shop .ek-summary { margin:0; }
.egcs-key-shop .ek-summary > div { display:grid; gap:6px; margin-bottom:17px; }
.egcs-key-shop .ek-summary > div:last-child { margin-bottom:0; }
.egcs-key-shop .ek-summary dt { color:var(--ek-muted); font-size:11px; font-weight:400; }
.egcs-key-shop .ek-summary dd { margin:0; color:var(--ek-text); font-size:13px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.egcs-key-shop .ek-help { display:grid; gap:13px; }
.egcs-key-shop .ek-help code { display:block; padding:11px 12px; border-radius:9px; background:var(--mid-inset,#11141a); color:var(--ek-text); font-size:13px; overflow-wrap:anywhere; }
.egcs-key-shop .ek-help a { font-size:12px; }
.egcs-key-shop .ek-description { color:var(--ek-muted); font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.egcs-key-shop .ek-description :is(h2,h3,h4,strong) { color:var(--ek-text); }
.egcs-key-shop .ek-description img { max-width:100%; height:auto; }
.egcs-key-shop .ek-description table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.egcs-key-shop .ek-description :is(td,th) { padding:8px; border:1px solid var(--ek-border); }
.egcs-key-shop .ek-description .bk-description-grid { display:grid; gap:8px; }
.egcs-key-shop .ek-description .bk-description-grid--scroll { max-height:360px; overflow:auto; scrollbar-width:thin; }
.egcs-key-shop .ek-description .bk-description-item { padding:11px 12px; border:1px solid var(--ek-border); border-radius:9px; background:var(--ek-raised); }
.egcs-key-shop .ek-description .bk-description-icon { display:none; }
.egcs-key-shop .ek-description .bk-description-subtitle { display:block; color:var(--ek-muted); font-size:12px; }
.egcs-key-shop .ek-result { margin-top:18px; padding:16px; border:1px solid var(--ek-border); border-radius:11px; background:var(--mid-inset,#11141a); color:var(--ek-text); font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.egcs-key-shop .ek-result[data-state=success] { border-color:var(--mid-border-hover,#465267); }
.egcs-key-shop .ek-result[data-state=error] { border-color:var(--mid-danger,#d98383); }
.egcs-key-shop .ek-copy { margin-top:12px; padding:9px 12px; border:1px solid var(--ek-border); border-radius:8px; background:var(--ek-raised); color:var(--ek-text); font:inherit; font-size:12px; cursor:pointer; }
:is(.egcs-key-shop,.egcs-key-vips) .ek-empty { padding:28px; border:1px solid var(--ek-border); border-radius:14px; background:var(--ek-panel); }
:is(.egcs-key-shop,.egcs-key-vips) .ek-empty h2 { margin:0 0 8px; font-size:18px; color:var(--ek-text); }
.egcs-key-shop .ek-discount { margin-bottom:18px; padding:13px 17px; border:1px solid var(--ek-border); border-radius:10px; background:var(--mid-accent-soft,#242e3e); color:var(--ek-text); font-size:13px; }
:is(.egcs-key-shop,.egcs-key-vips) :is(a,button,select,input):focus-visible { outline:2px solid var(--ek-accent); outline-offset:3px; }
.egcs-key-vips .ek-vip-servers { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:20px; }
.egcs-key-vips .ek-vip-servers a { display:inline-flex; align-items:center; min-height:40px; padding:9px 13px; border:1px solid var(--ek-border); border-radius:9px; background:var(--ek-panel); color:var(--ek-muted); font-size:12px; text-decoration:none; }
.egcs-key-vips .ek-vip-servers a.active { background:var(--mid-accent-soft,#242e3e); color:var(--ek-text); border-color:var(--mid-border-hover,#465267); }
.egcs-key-vips .ek-table-wrap { overflow-x:auto; }
.egcs-key-vips .ek-table { width:100%; min-width:500px; margin:0; border-collapse:collapse; font-size:13px; }
.egcs-key-vips .ek-table th { padding:16px 20px; color:var(--ek-muted); font-size:11px; font-weight:600; text-align:left; border-bottom:1px solid var(--ek-border); }
.egcs-key-vips .ek-table td { padding:16px 20px; color:var(--ek-text); border-bottom:1px solid var(--ek-border); }
.egcs-key-vips .ek-table tr:last-child td { border-bottom:0; }
.egcs-key-vips .ek-vip-group { color:var(--ek-accent); }
.egcs-key-vips .ek-table-empty { text-align:center; color:var(--ek-muted); }
@container (max-width:900px) { .egcs-key-shop .ek-layout { grid-template-columns:1fr; } }
@container (max-width:480px) {
  :is(.egcs-key-shop,.egcs-key-vips) .ek-heading { gap:13px; margin-bottom:20px; }
  :is(.egcs-key-shop,.egcs-key-vips) .ek-heading-main { gap:10px; }
  :is(.egcs-key-shop,.egcs-key-vips) .ek-heading p { font-size:12px; }
  .egcs-key-shop .ek-panel-body { padding:18px; }
  .egcs-key-shop .ek-panel-heading { padding:16px 18px; }
  .egcs-key-shop .ek-layout { gap:18px; }
}

html body :is(.egcs-key-shop,.egcs-key-vips) :is(.ek-back,.ek-consent a,.ek-agreement a,.ek-help a,.ek-description a,.ek-result a) { color:var(--ek-accent)!important; }
html body :is(.egcs-key-shop,.egcs-key-vips) .ek-icon svg { color:var(--ek-accent)!important; }
html body :is(.egcs-key-shop,.egcs-key-vips) .ek-icon svg path { fill:none!important; stroke:currentColor!important; }