/* ═══ GL Dream — жемчужная тема (data-skin=pearl), 31.10.2026 ═══ */
html[data-skin=pearl]{
  --bg:#F7F5F2;--bg-2:#FBFAF8;--surface:#FFFFFF;--surface-2:#F5F2EE;--surface-3:#EDE9E3;
  --line:rgba(31,36,55,.10);--line-2:rgba(31,36,55,.18);--hair:rgba(31,36,55,.10);
  --text:#1F2437;--muted:#586079;--dim:#7B8297;--ink:#1F2437;
  --accent:#1F2437;--accent-soft:rgba(31,36,55,.07);--accent-line:rgba(31,36,55,.28);
  --ok:#0E9F6E;--warn:#E8741A;--bad:#D6453D;--lime:#E8741A;--lime-soft:rgba(232,116,26,.12);--live:#E8741A;
  --orange:#E8741A;--orange-soft:#FFF1E4;--orange-line:#F7C79C;
  --radius:22px;--panel:#fff;--grad:linear-gradient(135deg,#1F2437,#3A4163);
  --grad-text:linear-gradient(90deg,#8a7cff,#e8741a,#25b9a8,#8a7cff);
  color-scheme:light;
}
html[data-skin=pearl][data-vendor=chatgpt]{--accent:#0F8F65;--accent-soft:rgba(15,143,101,.10);--accent-line:rgba(15,143,101,.35)}
html[data-skin=pearl][data-vendor=claude]{--accent:#C4623A;--accent-soft:rgba(196,98,58,.10);--accent-line:rgba(196,98,58,.35)}
html[data-skin=pearl][data-vendor=grok]{--accent:#1B7FA8;--accent-soft:rgba(27,127,168,.10);--accent-line:rgba(27,127,168,.35)}
html[data-skin=pearl][data-vendor=perplexity]{--accent:#1B7F86;--accent-soft:rgba(27,127,134,.10);--accent-line:rgba(27,127,134,.35)}
html[data-skin=pearl][data-vendor=suno]{--accent:#D9541E;--accent-soft:rgba(217,84,30,.10);--accent-line:rgba(217,84,30,.35)}
html[data-skin=pearl][data-vendor=lookup]{--accent:#6B5BD6;--accent-soft:rgba(107,91,214,.10);--accent-line:rgba(107,91,214,.35)}
html[data-skin=pearl] body{background:
  radial-gradient(1100px 520px at 12% -8%,rgba(176,196,255,.38),transparent 60%),
  radial-gradient(900px 480px at 92% 0%,rgba(255,214,235,.42),transparent 60%),
  radial-gradient(900px 600px at 70% 100%,rgba(190,240,225,.38),transparent 60%),
  linear-gradient(180deg,#FBFAF8,#F4F1EC)!important;color:var(--text);font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
html[data-skin=pearl] #pxField,html[data-skin=pearl] .grid-bg,html[data-skin=pearl] .aurora,html[data-skin=pearl] #portal,html[data-skin=pearl] .hero-token,html[data-skin=pearl] .hero-code{display:none!important}
html[data-skin=pearl] .topbar{background:rgba(255,255,255,.72)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)!important}
html[data-skin=pearl] .brand-mark{background:radial-gradient(circle at 32% 28%,#fff 0%,#f1ecff 38%,#d9e6ff 62%,#ffe2f0 100%)!important;border:1px solid rgba(31,36,55,.14)!important;box-shadow:inset 0 -6px 10px rgba(120,130,190,.18),0 4px 12px rgba(31,36,55,.10);border-radius:50%!important;color:#1F2437!important}
html[data-skin=pearl] .brand strong{color:var(--text)!important;letter-spacing:.2px}
html[data-skin=pearl] .brand small{color:var(--dim)!important}
html[data-skin=pearl] .skin-btn,html[data-skin=pearl] .lang,html[data-skin=pearl] .tg{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 1px 2px rgba(31,36,55,.05)}
html[data-skin=pearl] .lang button{color:var(--muted)!important}
html[data-skin=pearl] .lang button.active{background:var(--ink)!important;color:#fff!important}
html[data-skin=pearl] .eyebrow{background:#fff!important;border:1px solid var(--line)!important;color:var(--muted)!important;box-shadow:0 1px 2px rgba(31,36,55,.05)}
html[data-skin=pearl] h1{color:var(--text)!important;font-weight:800;letter-spacing:-.02em}
html[data-skin=pearl] .grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-skin=pearl] .hero-text p,html[data-skin=pearl] #heroText{color:var(--muted)!important;font-size:18px;line-height:1.55}
html[data-skin=pearl] .chip{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;box-shadow:0 1px 2px rgba(31,36,55,.05)}
html[data-skin=pearl] .chip svg{color:var(--ok)!important}
html[data-skin=pearl] .tabs{background:rgba(255,255,255,.7)!important;border:1px solid var(--line)!important;box-shadow:0 2px 10px rgba(31,36,55,.05)}
html[data-skin=pearl] .tabs button{color:var(--muted)!important}
html[data-skin=pearl] .tabs button.active{color:#fff!important}
html[data-skin=pearl] .tabs-ind{background:var(--ink)!important;border-radius:14px!important;box-shadow:0 6px 16px rgba(31,36,55,.22)!important}
html[data-skin=pearl] .pill{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important}
html[data-skin=pearl] .rail-card,html[data-skin=pearl] .step,html[data-skin=pearl] .faq details.q,html[data-skin=pearl] .result,html[data-skin=pearl] .bonus{background:rgba(255,255,255,.88)!important;border:1px solid var(--line)!important;box-shadow:0 8px 28px rgba(31,36,55,.07)!important;color:var(--text)!important;backdrop-filter:blur(6px)}
html[data-skin=pearl] .step .num{background:#fff!important;border:1px solid var(--line-2)!important;color:var(--text)!important;border-radius:50%!important}
html[data-skin=pearl] .step[data-state=active] .num{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
html[data-skin=pearl] .step[data-state=done] .num{background:var(--ok)!important;color:#fff!important;border-color:var(--ok)!important}
html[data-skin=pearl] .step[data-state=locked]{opacity:.55}
html[data-skin=pearl] .step h2,html[data-skin=pearl] .rail-title,html[data-skin=pearl] .faq h3,html[data-skin=pearl] h3{color:var(--text)!important}
html[data-skin=pearl] .sub,html[data-skin=pearl] .field-hint,html[data-skin=pearl] .svc-sub,html[data-skin=pearl] .rail-card small{color:var(--muted)!important}
html[data-skin=pearl] input,html[data-skin=pearl] textarea,html[data-skin=pearl] select{background:#fff!important;color:var(--text)!important;border:1.5px solid var(--line-2)!important;border-radius:14px!important;box-shadow:inset 0 1px 2px rgba(31,36,55,.04)}
html[data-skin=pearl] input:focus,html[data-skin=pearl] textarea:focus{border-color:var(--ink)!important;box-shadow:0 0 0 4px rgba(31,36,55,.10)!important;outline:none}
html[data-skin=pearl] input::placeholder,html[data-skin=pearl] textarea::placeholder{color:#9aa1b4!important}
html[data-skin=pearl] .btn{border-radius:14px!important;font-weight:700}
html[data-skin=pearl] .btn-primary{background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important;box-shadow:0 8px 20px rgba(31,36,55,.22)!important}
html[data-skin=pearl] .btn-primary:hover{background:#2D3552!important}
html[data-skin=pearl] .btn-outline{background:#fff!important;color:var(--text)!important;border:1.5px solid var(--line-2)!important}
html[data-skin=pearl] .svc-card{background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important}
html[data-skin=pearl] .svc-name{color:var(--text)!important}
html[data-skin=pearl] .svc-tag{background:var(--accent-soft)!important;color:var(--accent)!important;border:1px solid var(--accent-line)!important}
html[data-skin=pearl] .faq summary{color:var(--text)!important}
html[data-skin=pearl] .faq details p{color:var(--muted)!important}
html[data-skin=pearl] a{color:inherit}
html[data-skin=pearl] .vpn-strip{background:#fff!important;border:1px solid var(--line)!important;color:var(--muted)!important}
html[data-skin=pearl] .acc-note,html[data-skin=pearl] .main-way{background:var(--orange-soft)!important;border:1px solid var(--orange-line)!important;color:#7A3B07!important;border-radius:16px}
html[data-skin=pearl] .acc-note b{color:#B4570F}
html[data-skin=pearl] #extBox{background:#fff!important;border:1px dashed var(--line-2)!important;color:var(--text)!important}
html[data-skin=pearl] .mini-guide{color:var(--text)!important}
html[data-skin=pearl] #tabsInd,html[data-skin=pearl] .tabs-ind{background:var(--ink)!important;border:0!important;box-shadow:0 8px 18px rgba(31,36,55,.25)!important;border-radius:14px!important}
html[data-skin=pearl] #tabs button.active,html[data-skin=pearl] #tabs button.active *{color:#fff!important}
html[data-skin=pearl] #tabs button.active .tdot{background:var(--orange)!important}
html[data-skin=pearl] #tabs button,html[data-skin=pearl] #tabs button.active{background:transparent!important;box-shadow:none!important}

/* ═══ Язык: показываем нужную версию текста ═══ */
html[data-lang=en] .ru-only{display:none!important}
html:not([data-lang=en]) .en-only{display:none!important}

/* ═══ «Как это работает» ═══ */
.how{margin:26px 0 8px}
.how-t{font-size:22px;font-weight:800;margin:0 0 14px;color:var(--text,#1F2437);letter-spacing:-.01em}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.how-c{position:relative;background:rgba(255,255,255,.9);border:1px solid rgba(31,36,55,.10);border-radius:20px;padding:18px 18px 16px;box-shadow:0 8px 24px rgba(31,36,55,.06)}
.how-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#eee9ff 55%,#dfe9ff);border:1px solid rgba(31,36,55,.14);font-weight:800;color:#1F2437;margin-bottom:10px;box-shadow:inset 0 -4px 8px rgba(120,130,190,.2)}
.how-c b{display:block;font-size:16px;line-height:1.3;color:#1F2437;margin-bottom:6px}
.how-c p{margin:0;font-size:14.5px;line-height:1.5;color:#586079}
.how-note{margin:14px 0 0;padding:12px 16px;border-radius:14px;background:#FFF1E4;border:1px solid #F7C79C;color:#7A3B07;font-size:14.5px;line-height:1.5}
.how-note b{color:#B4570F}
html[data-vendor=suno] .how,html[data-vendor=lookup] .how{display:none}
@media (max-width:760px){.how-grid{grid-template-columns:1fr}.how-t{font-size:20px}}

/* ═══ Шаг 2: пошаговый путь (ChatGPT) ═══ */
.s2-flow{display:none}
html[data-vendor=chatgpt] .s2-flow{display:block}
html[data-vendor=chatgpt] .main-way,html[data-vendor=chatgpt] .mini-guide,html[data-vendor=chatgpt] #accNote,html[data-vendor=chatgpt] .vpn-strip,html[data-vendor=chatgpt] #step2 .row{display:none!important}
html[data-vendor=chatgpt] #step2 .row:has(#loginLink){display:none!important}
.s2-note{background:#F3F0FF;border:1px solid #DAD3FA;color:#3A3470;border-radius:16px;padding:14px 16px;font-size:14.5px;line-height:1.55;margin:4px 0 16px}
.s2-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px;counter-reset:none}
.s2-list li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid rgba(31,36,55,.12);border-radius:18px;padding:14px 16px;box-shadow:0 4px 14px rgba(31,36,55,.05)}
.s2-list .n{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1F2437;color:#fff;font-weight:800;margin-top:1px}
.s2-list .b{min-width:0}
.s2-list .b>b{display:block;font-size:16px;color:#1F2437;margin-bottom:4px}
.s2-list p{margin:0 0 10px;font-size:14.5px;line-height:1.55;color:#4A5268}
.s2-list p b{color:#1F2437}
.s2-act{display:inline-flex!important}
mark{background:#FFE3C7;color:#9A4A0B;padding:1px 6px;border-radius:6px;font-weight:700}
kbd{display:inline-block;min-width:22px;text-align:center;padding:1px 7px;border-radius:7px;border:1px solid rgba(31,36,55,.25);border-bottom-width:2px;background:#fff;color:#1F2437;font:600 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.ext-details{margin:6px 0 14px;border:1px dashed rgba(31,36,55,.22);border-radius:14px;background:rgba(255,255,255,.6)}
.ext-details>summary{cursor:pointer;padding:12px 14px;font-weight:600;color:#586079;font-size:14px;list-style:none}
.ext-details>summary::-webkit-details-marker{display:none}
.ext-details[open]>summary{border-bottom:1px dashed rgba(31,36,55,.18)}
.ext-details #extBox{padding:10px 14px 14px}
@media (max-width:560px){.s2-list li{padding:12px}.s2-list .n{width:28px;height:28px}}

/* ═══ Окно «Открываем страницу данных» ═══ */
.sm-ov{position:fixed;inset:0;z-index:99999;background:rgba(31,36,55,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}
.sm-box{width:100%;max-width:520px;background:#fff;border-radius:22px;padding:22px 22px 18px;box-shadow:0 24px 70px rgba(31,36,55,.35);font:15px/1.55 "Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:#1F2437;border-top:5px solid #E8741A}
.sm-h{font-size:19px;font-weight:800;margin:0 0 10px;letter-spacing:-.01em}
.sm-p{margin:0 0 14px}
.sm-o{color:#E8741A}
.sm-warn{background:#FFF1E4;border:1px solid #F7C79C;border-left:5px solid #E8741A;border-radius:14px;padding:12px 14px;margin:0 0 12px;color:#5A2C06}
.sm-warn p{margin:6px 0}
.sm-warn ol{margin:6px 0 2px;padding-left:20px}
.sm-warn li{margin:4px 0}
.sm-warn b{color:#B4570F}
.sm-ok{background:#EAF8F1;border:1px solid #BDE6D2;border-left:5px solid #0F9D6A;border-radius:14px;padding:12px 14px;margin:0 0 14px;color:#0F3D2B}
.sm-ok p{margin:6px 0 2px}
.sm-wt{font-weight:800;font-size:15.5px}
.sm-box kbd{font-size:12.5px}
.sm-bar{height:6px;border-radius:99px;background:#F1E5D9;overflow:hidden;margin:0 0 14px}
.sm-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#F5A25A,#E8741A);transition:width 10s linear}
.sm-btns{display:flex;gap:10px;flex-wrap:wrap}
.sm-go{flex:1;min-width:160px;padding:12px 16px;border-radius:14px;border:0;background:#1F2437;color:#fff;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(31,36,55,.25)}
.sm-go:hover{background:#2D3552}
.sm-cancel{padding:12px 16px;border-radius:14px;border:1.5px solid rgba(31,36,55,.2);background:#fff;color:#1F2437;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer}
@media (max-width:480px){.sm-box{padding:18px 16px 14px;border-radius:18px}.sm-h{font-size:17px}}

/* ═══ Шаги / подсказки ═══ */
html[data-skin=pearl] .mini-guide{background:#fff!important;border:1px solid var(--line)!important}
html[data-skin=pearl] .mini-guide li{color:var(--text)!important}
html[data-skin=pearl] .tip,html[data-skin=pearl] .hint-box{background:var(--orange-soft)!important;border:1px solid var(--orange-line)!important;color:#7A3B07!important}
html[data-skin=pearl] .field-hint{font-size:14px}
html[data-skin=pearl] .step h2{font-size:22px;letter-spacing:-.01em}

/* ═══ Подсказки и мобильная вёрстка шагов ═══ */
html[data-skin=pearl] .gl-tip{background:#FFF7EE!important;border:1px solid #F7C79C!important;border-left:5px solid #E8741A!important;color:#5A2C06!important;border-radius:14px!important;box-shadow:none!important;line-height:1.55}
html[data-skin=pearl] .gl-tip b,html[data-skin=pearl] .gl-tip strong{color:#B4570F}
html[data-skin=pearl] .gl-tip-tag{background:#FFE3C7!important;color:#9A4A0B!important;border:0!important;border-radius:99px!important;font-weight:800;letter-spacing:.04em}
@media (max-width:640px){
  .gl-tip{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
  html[data-skin=pearl] .step{grid-template-columns:1fr!important;padding:18px 16px!important;gap:10px!important}
  html[data-skin=pearl] .step .num{width:34px!important;height:34px!important}
  html[data-skin=pearl] .step h2{font-size:20px}
  html[data-skin=pearl] .step .sub{font-size:15px}
}

/* ═══ Переключатель дизайнов: возвращён ═══ */
html[data-skin=pearl] .skin-btn{display:inline-flex!important}
.g8-skin .rec-tag{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:99px;background:#FFE3C7;color:#9A4A0B;font-size:11px;font-weight:800;vertical-align:middle}
.g8-skin .cur-tag{display:none}
.g8-skin.cur .cur-tag{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:99px;background:rgba(15,157,106,.15);color:#0F9D6A;font-size:11px;font-weight:800;vertical-align:middle}
.g8-skin .shot-pr{background:radial-gradient(120px 60px at 10% 0,rgba(176,196,255,.55),transparent),radial-gradient(120px 60px at 100% 0,rgba(255,214,235,.6),transparent),#F7F5F2;color:#1F2437;border:1px solid rgba(31,36,55,.12)}
.g8-skin .shot-pr .t{font-weight:800}
.g8-skin .shot-pr .f{background:#fff;border:1px solid rgba(31,36,55,.15);color:#7B8297;border-radius:8px}
.g8-skin .shot-pr .b{background:#1F2437;color:#fff;border-radius:8px}
html[data-skin=pixel] .how-t,html[data-skin=aurora] .how-t{color:#fff}
html[data-skin=pixel] .how-note,html[data-skin=aurora] .how-note{color:#7A3B07}
html[data-skin=pearl] .g8-box h3{color:#fff!important}
html[data-skin=pearl] .g8-box .g8-sub,html[data-skin=pearl] .g8-box .g8-foot{color:#B9C0D4!important}
html[data-skin=pearl] .g8-box b{color:#fff}
.g8-skin .shot-pr{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}
.g8-skin .shot-pr .t{font-size:20px;color:#1F2437}
.g8-skin .shot-pr .f{width:62%;padding:8px 10px;font-size:13px;text-align:left}
.g8-skin .shot-pr .b{padding:8px 18px;font-size:13px;font-weight:700;margin-top:2px}

/* ═══ Тёмные темы (Пиксель / Аврора): подгоняем новые блоки ═══ */
html[data-skin=pixel] .topbar{background:#07080B!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
html[data-skin=aurora] .topbar{background:rgba(5,4,13,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
html[data-skin=pixel] .how-c,html[data-skin=aurora] .how-c{background:var(--surface,#0E1116);border:1px solid rgba(255,255,255,.12);box-shadow:none}
html[data-skin=pixel] .how-c b,html[data-skin=aurora] .how-c b{color:#fff}
html[data-skin=pixel] .how-c p,html[data-skin=aurora] .how-c p{color:#B9C0D4}
html[data-skin=pixel] .how-n,html[data-skin=aurora] .how-n{background:var(--accent-soft,rgba(25,195,125,.14));border:1px solid var(--accent-line,rgba(25,195,125,.4));color:var(--accent,#19c37d);box-shadow:none}
html[data-skin=pixel] .how-note,html[data-skin=aurora] .how-note{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.4);color:#FFD9A8}
html[data-skin=pixel] .how-note b,html[data-skin=aurora] .how-note b{color:#FFB45E}
html[data-skin=pixel] .s2-note,html[data-skin=aurora] .s2-note{background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.35);color:#DAD3FA}
html[data-skin=pixel] .s2-list li,html[data-skin=aurora] .s2-list li{background:var(--surface,#0E1116);border-color:rgba(255,255,255,.12);box-shadow:none}
html[data-skin=pixel] .s2-list .n,html[data-skin=aurora] .s2-list .n{background:var(--accent,#19c37d);color:#04130b}
html[data-skin=pixel] .s2-list .b>b,html[data-skin=aurora] .s2-list .b>b,html[data-skin=pixel] .s2-list p b,html[data-skin=aurora] .s2-list p b{color:#fff}
html[data-skin=pixel] .s2-list p,html[data-skin=aurora] .s2-list p{color:#B9C0D4}
html[data-skin=pixel] kbd,html[data-skin=aurora] kbd{background:#1B202B;color:#fff;border-color:rgba(255,255,255,.3)}
html[data-skin=pixel] mark,html[data-skin=aurora] mark{background:rgba(232,116,26,.28);color:#FFC38A}
html[data-skin=pixel] .ext-details,html[data-skin=aurora] .ext-details{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18)}
html[data-skin=pixel] .ext-details>summary,html[data-skin=aurora] .ext-details>summary{color:#B9C0D4}

/* ═══ Примечание про VPN ═══ */
.vpn-note{margin:10px 0 0;padding:11px 15px;border-radius:14px;background:#EEF4FF;border:1px solid #CBDAF7;color:#27406E;font-size:14.5px;line-height:1.5}
.vpn-note b{color:#1B3A78}
html[data-skin=pixel] .vpn-note,html[data-skin=aurora] .vpn-note{background:rgba(91,140,255,.12);border-color:rgba(91,140,255,.35);color:#CFE0FF}
html[data-skin=pixel] .vpn-note b,html[data-skin=aurora] .vpn-note b{color:#fff}
.g8-vpn{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:rgba(91,140,255,.14);border:1px solid rgba(91,140,255,.4);color:#DCE8FF;font-size:14px;line-height:1.5}
.g8-vpn b{color:#fff}