:root,[data-theme="dark"]{
--bg:#0c111a;--bg-soft:#0f1520;--surface:#131c2b;--surface-hover:#18233a;--line:#1f2b3f;--line-control:#56688a;
--ink:#ffffff;--ink-soft:#c5cbd5;--mute:#98a0aa;--faint:#7d8795;
--accent:#f88000;--accent-text:#f88000;--accent-hover:#ff9a33;--on-accent:#0c111a;--icon-bg:#131c2b;--chip-bg:rgba(248,128,0,.14);
--blue:#3d9bfa;--blue-soft:#162338;--on-blue:#0c111a;--outline:#4a8fe0;--outline-soft:#2060a0;
--green-text:#87deae;--gold-text:#e89359;--diamond-text:#5a9ed8;
--night:#070a10;--night-2:#131c2b;--on-night:#ffffff;--on-night-mute:#98a0aa;--scrim:rgba(7,10,16,0.74);
--band:#16263d;--band-alfa:.55;--bar:rgba(19,28,43,0.94);--bar-line:transparent;--foot:#131c2b;
--glow:0 0 70px -12px rgba(61,155,250,.45);--glow-card:0 0 80px -24px rgba(61,155,250,.5);--start-wash:rgba(61,155,250,.16);
--cta-glow:0 0 0 1px rgba(248,128,0,.25),0 8px 30px -6px rgba(248,128,0,.6);
--shadow-card:none;--shadow-pop:0 24px 60px -24px rgba(0,0,0,0.8);--shadow-focus:0 0 0 3px rgba(61,155,250,0.45);
--cta-bg:#f88000;--cta-bg-hover:#ff9a33;--hero-bg:none;--start-bg:#0c111a}
[data-theme="light"]{
--bg:#ffffff;--bg-soft:#f3f6fa;--surface:#ffffff;--surface-hover:#f3f6fa;--line:#dbe2ec;--line-control:#7b8799;
--ink:#0c111a;--ink-soft:#2a3445;--mute:#566176;--faint:#6b7689;
--accent:#f88000;--accent-text:#b85600;--accent-hover:#ff9a33;--on-accent:#0c111a;--icon-bg:#fff1e0;--chip-bg:#fff1e0;
--blue:#1766d6;--blue-soft:#e8f1fd;--on-blue:#ffffff;--outline:#8ab8f3;--outline-soft:#cfe0f7;
--green-text:#1f7a4d;--gold-text:#9a5a1e;--diamond-text:#1766d6;
--night:#070a10;--night-2:#131c2b;--on-night:#ffffff;--on-night-mute:#b8c0cc;--scrim:rgba(7,10,16,0.72);
--band:#eaf2fd;--band-alfa:.3;--bar:rgba(255,255,255,0.94);--bar-line:#dbe2ec;--foot:#f3f6fa;
--glow:0 24px 60px -28px rgba(23,102,214,.45);--glow-card:0 24px 60px -30px rgba(23,102,214,.4);--start-wash:rgba(23,102,214,.08);
--cta-glow:0 1px 2px rgba(12,17,26,.12),0 8px 22px -8px rgba(248,128,0,.7);
--shadow-card:0 1px 2px rgba(12,17,26,.05);--shadow-pop:0 24px 60px -28px rgba(12,17,26,.35);--shadow-focus:0 0 0 3px rgba(23,102,214,0.3);
--cta-bg:#f88000;--cta-bg-hover:#ff9a33;--hero-bg:none;--start-bg:#f3f6fa}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-18:72px;--container:1120px;--column:720px;--control:52px;--topbar:60px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;
--font-display:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--accent-strong:var(--accent-text);--accent-soft:var(--blue-soft);--stranger:var(--accent-text);--green:var(--green-text);--karta:var(--surface)}
:root,[data-theme="dark"]{color-scheme:dark;--gold-soft:var(--chip-bg);--green-soft:var(--blue-soft);--danger:var(--accent-text);
  --cam-ok:#87deae;--illus-str:#cb8354;--illus-me:#5791c2;--scrim-strong:rgba(7,10,16,0.9);--night-line:rgba(255,255,255,0.16);--night-tint:rgba(255,255,255,0.12)}
:root,[data-theme="dark"]{--band-eyebrow:var(--accent-text)}
[data-theme="light"]{color-scheme:light;--band-eyebrow:var(--gold-text)}
.dm-root, .dm-root * { box-sizing: border-box; }
.dm-root {
  font-family: var(--font-sans);
  font-size: 16px; line-height: 1.6;
  color: var(--ink); background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
.dm-root a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.dm-root a:hover { text-decoration-thickness: 2px; }
.dm-root :focus-visible { outline: none; box-shadow: var(--shadow-focus); border-radius: var(--radius-sm); }
.dm-wrap { max-width: var(--container); margin: 0 auto; padding: 0 var(--space-6); }
.dm-col { max-width: var(--column); }
.dm-h1, .dm-h2, .dm-h3 { font-family: var(--font-display); color: var(--ink); margin: 0; }
.dm-h1 { font-size: 46px; line-height: 1.08; font-weight: 800; letter-spacing: -0.02em; }
.dm-h2 { font-size: 28px; line-height: 1.2; font-weight: 800; letter-spacing: -0.01em; }
.dm-h3 { font-size: 18px; line-height: 1.3; font-weight: 700; }
.dm-eyebrow { font-family: var(--font-display); font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent-strong); margin: 0; }
.dm-lead { font-size: 19px; line-height: 1.55; color: var(--ink-soft); margin: 0; }
.dm-p { margin: 0; color: var(--ink-soft); }
.dm-small { font-size: 14px; line-height: 1.5; color: var(--mute); margin: 0; }
.dm-logo { display: inline-flex; align-items: center; text-decoration: none; }
.dm-logo img, .dm-logo svg { display: block; height: 56px; width: auto; }
.dm-logo--lg img, .dm-logo--lg svg { height: 76px; }
.dm-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-height: 44px; padding: 0 20px;
  font-family: var(--font-display); font-size: 16px; font-weight: 700; line-height: 1;
  border-radius: var(--radius-sm); border: 1px solid transparent;
  cursor: pointer; text-decoration: none !important; white-space: nowrap;
  transition: background-color .12s, border-color .12s, color .12s;
}
.dm-btn svg { width: 18px; height: 18px; flex: none; }
.dm-btn--primary { background: var(--cta-bg, var(--accent-strong)); color: var(--on-night) !important; }
.dm-btn--primary:hover { background: var(--cta-bg-hover, var(--accent-hover)); }
.dm-btn--dark { background: var(--ink); color: var(--on-night) !important; }
.dm-btn--dark:hover { background: var(--night); }
.dm-btn--outline { background: var(--bg); color: var(--ink) !important; border-color: var(--line-control); }
.dm-btn--outline:hover { border-color: var(--ink); background: var(--bg-soft); }
.dm-btn--lg { min-height: var(--control); padding: 0 28px; font-size: 19px; font-weight: 800; }
.dm-btn--block { display: flex; width: 100%; }
.dm-btn[disabled] { opacity: .5; cursor: default; }
.dm-top { border-bottom: 1px solid var(--line); background: var(--bg); }
.dm-top__in { height: var(--topbar); display: flex; align-items: center; gap: var(--space-8); }
.dm-nav { display: flex; gap: var(--space-6); margin-left: auto; }
.dm-nav a { color: var(--ink-soft); text-decoration: none; font-size: 15px; font-weight: 500; padding: 6px 0; border-bottom: 2px solid transparent; }
.dm-nav a:hover { color: var(--ink); border-bottom-color: var(--line-control); }
.dm-nav a[aria-current] { color: var(--ink); border-bottom-color: var(--accent-strong); font-weight: 600; }
.dm-online { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; color: var(--green-text); }
.dm-online::before { content: ""; width: 9px; height: 9px; border-radius: var(--radius-full); background: var(--green); }
.dm-hero { padding: var(--space-18) 0 40px; background: var(--hero-bg); }
.dm-hero__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: center; }
.dm-hero__text > * + * { margin-top: var(--space-4); }
.dm-hero__cta { display: flex; align-items: center; gap: var(--space-6); margin-top: var(--space-8) !important; }
.dm-hero__note { margin-top: var(--space-3) !important; }
.dm-hero__tags { margin-top: var(--space-6) !important; max-width: 460px; }
.dm-hero__tags + .dm-hero__cta { margin-top: var(--space-4) !important; }
.dm-illus { border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); box-shadow: var(--shadow-pop); overflow: hidden; }
.dm-illus__bar { display: flex; align-items: center; gap: var(--space-2); padding: 10px 14px; border-bottom: 1px solid var(--line); }
.dm-illus__bar i { width: 9px; height: 9px; border-radius: var(--radius-full); background: var(--line); }
.dm-illus__bar span { margin-left: auto; }
.dm-illus__body { display: grid; grid-template-columns: 46% 1fr; gap: 12px; padding: 12px; background: var(--bg-soft); }
.dm-illus__cams { display: grid; grid-template-rows: 1fr 1fr; gap: 8px; }
.dm-illus__cam { position: relative; min-height: 118px; border-radius: var(--radius-sm); background: var(--night); overflow: hidden; }
.dm-illus__cam svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.dm-illus__cam b { position: absolute; left: 8px; top: 8px; font: 600 11px/1 var(--font-sans); color: var(--on-night); background: var(--scrim); padding: 5px 7px; border-radius: 4px; }
.dm-illus__log { background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 12px 14px; font-size: 13.5px; line-height: 1.5; display: flex; flex-direction: column; gap: 6px; }
.dm-illus__log .sys { color: var(--mute); }
.dm-illus__log .you b { color: var(--blue); }
.dm-illus__log .str b { color: var(--stranger); }
.dm-illus__type { margin-top: auto; display: flex; gap: 6px; }
.dm-illus__type span { flex: 1; height: 30px; border: 1px solid var(--line-control); border-radius: 5px; }
.dm-illus__type em { width: 58px; height: 30px; border-radius: 5px; background: var(--cta-bg, var(--accent-strong)); }
.dm-trust { list-style: none; margin: 0; padding: var(--space-6) 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dm-trust li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--ink); }
.dm-trust svg { width: 22px; height: 22px; flex: none; color: var(--accent-strong); }
.dm-sec { padding: var(--space-18) 0; }
.dm-sec--soft { background: var(--bg-soft); }
.dm-sec__head { max-width: var(--column); margin-bottom: var(--space-8); }
.dm-sec__head .dm-h2 + .dm-p { margin-top: var(--space-3); }
.dm-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); counter-reset: krok; }
.dm-steps li { counter-increment: krok; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-6); }
.dm-steps li::before { content: counter(krok); display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--radius-full); background: var(--accent-strong); color: var(--on-night); font: 800 15px/1 var(--font-display); margin-bottom: var(--space-4); }
.dm-steps .dm-h3 + .dm-p { margin-top: var(--space-2); }
.dm-feats { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8) var(--space-12); }
.dm-feats li { display: grid; grid-template-columns: 28px 1fr; gap: 14px; }
.dm-feats svg { width: 26px; height: 26px; color: var(--accent-strong); margin-top: 2px; }
.dm-feats .dm-h3 + .dm-p { margin-top: 6px; }
.dm-plans { margin-top: var(--space-8); padding: var(--space-4) var(--space-6); border-radius: var(--radius-md); background: var(--accent-soft); color: var(--ink); font-size: 15px; }
.dm-plans b.g, .dm-plans b.d { color: var(--accent-strong); }
.dm-safe { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.dm-safe__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4); }
.dm-safe__list li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; color: var(--ink-soft); }
.dm-safe__list svg { width: 22px; height: 22px; color: var(--green-text); margin-top: 2px; }
.dm-safe__list b { color: var(--ink); }
.dm-faq { max-width: var(--column); border-top: 1px solid var(--line); }
.dm-faq details { border-bottom: 1px solid var(--line); }
.dm-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: 18px 0; font: 700 18px/1.3 var(--font-display); color: var(--ink); }
.dm-faq summary::-webkit-details-marker { display: none; }
.dm-faq summary::after { content: "+"; font: 400 24px/1 var(--font-sans); color: var(--mute); }
.dm-faq details[open] summary::after { content: "–"; }
.dm-faq details > p { margin: 0 0 18px; color: var(--ink-soft); max-width: 640px; }
.dm-foot { background: var(--bg-soft); border-top: 1px solid var(--line); padding: var(--space-12) 0 var(--space-8); font-size: 14px; color: var(--mute); }
.dm-foot__in { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: var(--space-8); }
.dm-foot h4 { font: 700 13px/1.3 var(--font-display); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); margin: 0 0 var(--space-3); }
.dm-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.dm-foot a { color: var(--ink-soft) !important; text-decoration: none !important; }
.dm-foot a:hover { color: var(--ink) !important; text-decoration: underline !important; }
.dm-foot__legal { margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--line); font-size: 13px; line-height: 1.6; }
.dm-start { background: var(--start-bg, var(--bg-soft)); padding: var(--space-12) 0 var(--space-18); min-height: calc(100vh - var(--topbar) - 1px); }
.dm-card { background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
.dm-start__card { max-width: 880px; margin: 0 auto; padding: var(--space-8); }
.dm-start__head { text-align: center; margin-bottom: var(--space-8); }
.dm-start__head .dm-h2 + .dm-p { margin-top: var(--space-2); }
.dm-start__grid { display: grid; grid-template-columns: 1fr 1px 1fr; gap: var(--space-8); }
.dm-start__grid > hr { border: 0; background: var(--line); margin: 0; }
.dm-label { display: block; font: 700 16px/1.3 var(--font-display); color: var(--ink); margin: 0 0 10px; }
.dm-input { width: 100%; height: var(--control); padding: 0 14px; border: 1px solid var(--line-control); border-radius: var(--radius-sm); background: var(--bg); font: 400 16px/1 var(--font-sans); color: var(--ink); }
.dm-input::placeholder { color: var(--mute); }
.dm-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: 10px; }
.dm-tag { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: var(--radius-sm); background: var(--blue-soft); color: var(--blue); font-size: 14px; font-weight: 600; }
.dm-tag button { all: unset; cursor: pointer; font-size: 16px; line-height: 1; }
.dm-or { display: flex; align-items: center; gap: var(--space-3); color: var(--mute); font-size: 14px; margin: 14px 0; }
.dm-or::before, .dm-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.dm-start__rules { max-width: 880px; margin: var(--space-6) auto 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2) var(--space-8); font-size: 14px; color: var(--mute); }
.dm-start__rules span { display: inline-flex; align-items: center; gap: 7px; }
.dm-start__rules svg { width: 17px; height: 17px; color: var(--ink-soft); }
.dm-app { background: var(--bg-soft); }
.dm-app .dm-top__in { max-width: none; padding: 0 var(--space-4); gap: var(--space-6); }
.dm-app .dm-nav { margin-left: 0; gap: var(--space-4); }
.dm-app .dm-online { margin-left: auto; }
.dm-chat { display: grid; grid-template-columns: minmax(360px, 39%) 1fr; grid-template-rows: 1fr auto; gap: var(--space-2); padding: var(--space-2); height: calc(100vh - var(--topbar) - 1px); min-height: 560px; }
.dm-cams { display: grid; grid-template-rows: 1fr 1fr; gap: var(--space-2); min-height: 0; }
.dm-cam { position: relative; border-radius: var(--radius-md); background: var(--night); overflow: hidden; min-height: 0; }
.dm-cam > img, .dm-cam > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dm-cam__who { position: absolute; left: 10px; top: 10px; display: flex; align-items: center; gap: 8px; }
.dm-chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: var(--radius-sm); background: var(--scrim); color: var(--on-night); font: 600 13px/1 var(--font-sans); border: 0; cursor: pointer; }
.dm-chip span { color: var(--on-night-mute); font-weight: 400; }
.dm-chip svg { width: 15px; height: 15px; }
.dm-chip b { font-weight: inherit; }
.dm-cam__act { position: absolute; right: 10px; top: 10px; display: flex; gap: 8px; }
.dm-cam__mark { position: absolute; left: 12px; bottom: 10px; opacity: .85; }
.dm-cam__mark img, .dm-cam__mark svg { height: 18px; width: auto; display: block; }
.dm-cam__state { position: absolute; right: 10px; bottom: 10px; }
.dm-chip--state { cursor: default; font-weight: 500; font-size: 12.5px; height: 26px; }
.dm-chip--state::before { content: ""; width: 7px; height: 7px; border-radius: var(--radius-full); background: var(--green); }
.dm-log { background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-4) 18px; overflow: auto; font-size: 15px; line-height: 1.5; display: flex; flex-direction: column; gap: 6px; min-height: 0; }
.dm-log .sys { color: var(--mute); display: flex; gap: 8px; align-items: baseline; }
.dm-log .sys svg { width: 14px; height: 14px; color: var(--green); flex: none; transform: translateY(2px); }
.dm-log .you b { color: var(--blue); }
.dm-log .str b { color: var(--stranger); }
.dm-bar { display: grid; gap: var(--space-2); }
.dm-bar--left { grid-template-columns: repeat(3, 1fr); }
.dm-bar--right { grid-template-columns: 150px 1fr 110px; }
.dm-ctl { height: var(--control); display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--radius-sm); border: 1px solid var(--line-control); background: var(--bg); color: var(--ink); font: 700 16px/1 var(--font-display); cursor: pointer; }
.dm-ctl svg { width: 18px; height: 18px; }
.dm-ctl:hover { border-color: var(--ink); }
.dm-ctl--next { background: var(--cta-bg, var(--accent-strong)); border-color: transparent; color: var(--on-night); font-size: 19px; font-weight: 800; }
.dm-ctl--next:hover { background: var(--cta-bg-hover, var(--accent-hover)); border-color: transparent; }
.dm-ctl--send { background: var(--ink); border-color: var(--ink); color: var(--on-night); }
.dm-art { max-width: var(--column); margin: 0 auto; padding: var(--space-12) 0 var(--space-18); color: var(--ink-soft); }
.dm-art > * + * { margin-top: var(--space-4); }
.dm-art p, .dm-art ul, .dm-art ol { margin-bottom: 0; }
.dm-art .dm-eyebrow + .dm-h1 { margin-top: var(--space-2); }
.dm-art .dm-h2 { font-size: 24px; margin-top: var(--space-12); scroll-margin-top: var(--space-6); }
.dm-art ul, .dm-art ol { padding-left: 22px; display: grid; gap: 10px; }
.dm-art strong { color: var(--ink); }
.dm-art .dm-faq { margin-top: var(--space-4); }
.dm-art .dm-faq summary { font-size: 17px; }
@media (max-width: 760px) {
  .dm-wrap { padding: 0 var(--space-4); }
  .dm-h1 { font-size: 32px; }
  .dm-h2 { font-size: 23px; }
  .dm-lead { font-size: 17px; }
  .dm-top__in { gap: var(--space-4); }
  .dm-nav { display: none; }
  .dm-top .dm-online { margin-left: auto; }
  .dm-top .dm-btn { margin-left: auto; min-height: 40px; padding: 0 14px; font-size: 15px; }
  .dm-hero { padding: var(--space-8) 0 var(--space-8); }
  .dm-hero__in { grid-template-columns: 1fr; gap: var(--space-8); }
  .dm-hero__cta { flex-direction: column; align-items: stretch; gap: var(--space-3); }
  .dm-hero__cta .dm-btn { width: 100%; }
  .dm-hero__cta > a:not(.dm-btn) { text-align: center; }
  .dm-trust { grid-template-columns: 1fr 1fr; gap: var(--space-4); padding: var(--space-4) 0; }
  .dm-trust li { font-size: 14px; align-items: flex-start; }
  .dm-sec { padding: var(--space-12) 0; }
  .dm-sec__head { margin-bottom: var(--space-6); }
  .dm-steps, .dm-feats { grid-template-columns: 1fr; gap: var(--space-4); }
  .dm-feats { gap: var(--space-6); }
  .dm-safe { grid-template-columns: 1fr; gap: var(--space-6); }
  .dm-art { padding: var(--space-8) 0 var(--space-12); }
  .dm-art .dm-h2 { font-size: 21px; margin-top: var(--space-8); }
  .dm-foot__in { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
  .dm-foot__in > :first-child { grid-column: 1 / -1; }
  .dm-start { padding: var(--space-4) 0 var(--space-12); }
  .dm-start__card { padding: var(--space-6) var(--space-4); }
  .dm-start__head { margin-bottom: var(--space-6); }
  .dm-start__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .dm-start__grid > hr { display: none; }
  .dm-start__rules { justify-content: flex-start; padding: 0 var(--space-1); }
  .dm-app .dm-top { display: none; }
  .dm-chat { grid-template-columns: 1fr; grid-template-rows: 42vh auto 1fr auto; height: 100vh; min-height: 0; padding: 0 0 var(--space-2); gap: var(--space-2); }
  .dm-cams { display: block; position: relative; }
  .dm-cams .dm-cam:first-child { height: 100%; border-radius: 0; }
  .dm-cams .dm-cam--me { position: absolute; right: 10px; bottom: 10px; width: 27%; aspect-ratio: 3 / 4; border: 2px solid var(--bg); border-radius: var(--radius-sm); }
  .dm-cam--me .dm-cam__state, .dm-cam--me .dm-cam__who { display: none; }
  .dm-chip--icon { width: 34px; height: 34px; padding: 0; justify-content: center; }
  .dm-chip--icon b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .dm-cam .dm-chip { height: 34px; }
  .dm-log { margin: 0 var(--space-2); order: 3; }
  .dm-bar { margin: 0 var(--space-2); }
  .dm-bar--left { order: 2; }
  .dm-bar--right { order: 4; grid-template-columns: 104px 1fr 52px; }
  .dm-bar--right .dm-ctl--send span { display: none; }
  .dm-ctl { font-size: 15px; }
}
.dm-h1 { font-size: 52px; line-height: 1.05; letter-spacing: -0.025em; }
.dm-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--radius-full); background: var(--accent-soft); color: var(--accent-strong); letter-spacing: 0.04em; font-size: 12.5px; }
.dm-art .dm-eyebrow { padding: 0; background: none; letter-spacing: 0.06em; font-size: 13px; }
.dm-btn, .dm-ctl, .dm-input { border-radius: 8px; }
.dm-btn--lg { min-height: 56px; padding: 0 32px; }
.dm-input:focus { outline: none; border-color: var(--accent-strong); box-shadow: var(--shadow-focus); }
.dm-top { position: sticky; top: 0; z-index: 20; background: var(--bar); backdrop-filter: saturate(1.4) blur(10px); }
.dm-hero { padding: 88px 0 64px; }
.dm-hero__in { gap: 72px; }
.dm-hero__text > .dm-h1 { margin-top: 20px; }
.dm-hero__text > .dm-lead { margin-top: 20px; max-width: 520px; }
.dm-hero__tags { margin-top: 32px !important; }
.dm-hero__art { position: relative; padding: 28px; border-radius: 24px; background: var(--accent-soft); }
.dm-hero__art::after { content: ""; position: absolute; right: -14px; top: -14px; width: 84px; height: 84px; border-radius: 22px; background: var(--accent-strong); opacity: .12; }
.dm-illus { position: relative; z-index: 1; border-radius: 14px; border-color: transparent; box-shadow: none; }
.dm-illus__body { grid-template-columns: 44% 1fr; padding: 14px; gap: 14px; }
.dm-illus__cam { min-height: 132px; border-radius: 10px; }
.dm-illus__log { border-radius: 10px; }
.dm-illus__ctl { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 8px; padding: 0 14px 14px; background: var(--bg-soft); }
.dm-illus__ctl span { height: 30px; border-radius: 7px; border: 1px solid var(--line-control); background: var(--bg); display: flex; align-items: center; justify-content: center; font: 700 12px/1 var(--font-display); color: var(--ink); }
.dm-illus__ctl span:last-child { background: var(--accent-strong); border-color: var(--accent-strong); color: var(--on-night); }
.dm-trust { border: 1px solid var(--line); border-radius: 14px; padding: 20px 28px; background: var(--bg); box-shadow: var(--shadow-card); }
.dm-trust li + li { border-left: 1px solid var(--line); padding-left: 24px; }
.dm-sec { padding: 88px 0; }
.dm-sec__head { margin-bottom: 40px; }
.dm-sec__head .dm-h2, .dm-safe .dm-h2 { font-size: 32px; }
.dm-steps li { padding: 28px; border-radius: 14px; box-shadow: var(--shadow-card); }
.dm-steps li::before { width: 36px; height: 36px; border-radius: 10px; margin-bottom: 20px; }
.dm-feats { gap: 40px 48px; }
.dm-feats li { grid-template-columns: 44px 1fr; gap: 16px; }
.dm-feats svg { width: 22px; height: 22px; padding: 11px; box-sizing: content-box; border-radius: 12px; background: var(--accent-soft); margin-top: 0; }
.dm-plans { margin-top: 48px; padding: 18px 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--accent-soft); }
.dm-plans b.g, .dm-plans b.d { color: var(--accent-strong); }
.dm-faqsec { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; align-items: start; }
.dm-faqsec .dm-faq { max-width: none; }
.dm-faqsec .dm-sec__head { margin-bottom: 0; position: sticky; top: 96px; }
.dm-safe { gap: 72px; align-items: center; }
.dm-safe__list { background: var(--bg); border: 1px solid var(--line); border-radius: 14px; padding: 28px; box-shadow: var(--shadow-card); gap: 18px; }
.dm-faq { border: 1px solid var(--line); border-radius: 14px; padding: 4px 24px; background: var(--bg); box-shadow: var(--shadow-card); }
.dm-faq details:last-child { border-bottom: 0; }
.dm-card, .dm-log, .dm-cam { border-radius: 14px; }
.dm-start__card { padding: 40px; box-shadow: var(--glow-card); }
.dm-foot { padding-top: 64px; }
@media (max-width: 760px) {
  .dm-h1 { font-size: 34px; }
  .dm-hero { padding: 32px 0 40px; }
  .dm-hero__in { gap: 40px; }
  .dm-hero__art { padding: 14px; border-radius: 18px; }
  .dm-hero__art::after { display: none; }
  .dm-trust { padding: 16px; }
  .dm-trust li + li { border-left: 0; padding-left: 0; }
  .dm-sec { padding: 56px 0; }
  .dm-sec__head .dm-h2, .dm-safe .dm-h2 { font-size: 25px; }
  .dm-steps li { padding: 22px; }
  .dm-safe { gap: 28px; }
  .dm-safe__list { padding: 20px; }
  .dm-faq { padding: 0 16px; }
  .dm-start__card { padding: 28px 18px; }
  .dm-faqsec { grid-template-columns: 1fr; gap: 24px; }
  .dm-faqsec .dm-sec__head { position: static; }
}
.dm-root{color:var(--ink);background:var(--bg)} .dm-p,.dm-lead,.dm-art{color:var(--mute)} .dm-small{color:var(--faint)}
.dm-root a{color:var(--blue)}
.dm-h1{font-weight:900;letter-spacing:-0.03em} .dm-h2{font-weight:900;letter-spacing:-0.02em}
.dm-h1 em,.dm-h2 em{font-style:normal;color:var(--blue)}
.dm-top{background:var(--bar);border-bottom-color:var(--bar-line)}
.dm-nav a{color:var(--ink-soft)} .dm-nav a:hover{color:var(--ink);border-bottom-color:var(--blue)} .dm-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.dm-eyebrow{background:none;padding:0;color:var(--accent-text);font-size:15px;font-weight:800;letter-spacing:.03em}
.dm-btn--primary,.dm-ctl--next{color:var(--on-accent) !important;box-shadow:var(--cta-glow)}
.dm-btn--primary,.dm-btn--lg{border-radius:999px}
.dm-btn--outline,.dm-ctl{background:var(--surface);color:var(--ink) !important;border-color:var(--line-control)}
.dm-btn--outline:hover,.dm-ctl:hover{background:var(--surface-hover);border-color:var(--blue)}
.dm-ctl--next{background:var(--cta-bg);border-color:transparent;border-radius:8px}
.dm-ctl--send,.dm-btn--dark{background:var(--blue);border-color:var(--blue);color:var(--on-blue) !important}
.dm-input{background:var(--surface);color:var(--ink)} .dm-input::placeholder{color:var(--faint)} .dm-input:focus{border-color:var(--blue)}
.dm-label{color:var(--ink)}
.dm-hero__art{background:var(--surface);border:1.5px solid var(--outline);box-shadow:var(--glow)}
.dm-hero__art::after{display:none}
.dm-illus{background:var(--bg-soft);border:1px solid var(--line);box-shadow:none} .dm-illus__bar{border-bottom-color:var(--line);background:var(--surface)} .dm-illus__bar i{background:var(--line)}
.dm-illus__body,.dm-illus__ctl{background:var(--bg-soft)}
.dm-illus__cam{background:var(--night-2)}
.dm-illus__log{background:var(--surface);border-color:var(--line);color:var(--ink-soft)} .dm-illus__log .sys{color:var(--faint)}
.dm-illus__log .you b,.dm-log .you b{color:var(--blue)} .dm-illus__log .str b,.dm-log .str b{color:var(--accent-text)}
.dm-illus__ctl span{background:var(--surface);color:var(--ink);border-color:var(--line-control)} .dm-illus__ctl span:last-child{background:var(--cta-bg);color:var(--on-accent);border-color:transparent}
.dm-illus__type span{border-color:var(--line-control)} .dm-illus__type em{background:var(--blue)}
.dm-trust{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-card)} .dm-trust li{color:var(--ink)} .dm-trust li + li{border-left-color:var(--line)} .dm-trust svg{color:var(--accent-text)}
.dm-steps li{background:var(--surface);border:1.5px solid var(--outline)} .dm-steps .dm-p{color:var(--mute)}
.dm-steps li::before{background:var(--chip-bg);color:var(--accent-text)}
.dm-feats svg{color:var(--accent-text);background:var(--icon-bg)} .dm-feats .dm-p{color:var(--mute)}
.dm-safe__list{background:var(--surface);border-color:var(--line)} .dm-safe__list li{color:var(--mute)} .dm-safe__list b{color:var(--ink)} .dm-safe__list svg{color:var(--blue)}
.dm-faq{background:var(--surface);border-color:var(--line)} .dm-faq details{border-bottom-color:var(--line)} .dm-faq summary{color:var(--ink)} .dm-faq details > p{color:var(--mute)} .dm-faq summary::after{color:var(--blue)}
.dm-card,.dm-log{background:var(--surface);border-color:var(--line)} .dm-log{color:var(--ink-soft)} .dm-log .sys{color:var(--faint)} .dm-log .sys svg{color:var(--green-text)}
.dm-plans{background:var(--surface);border-color:var(--line);color:var(--ink-soft)} .dm-plans b.g{color:var(--gold-text)} .dm-plans b.d{color:var(--diamond-text)}
.dm-sec--soft{background:var(--bg-soft)}
.dm-foot{background:var(--foot);border-top:1px solid var(--outline-soft);color:var(--mute)} .dm-foot h4{color:var(--ink)} .dm-foot a{color:var(--ink-soft) !important} .dm-foot__legal{border-top-color:var(--line)}
.dm-tag{background:var(--blue-soft);color:var(--blue)}
.dm-online{color:var(--green-text)} .dm-online::before{background:var(--green-text)}
.dm-start{background:radial-gradient(60% 46% at 50% 0%,var(--start-wash),transparent 70%),var(--start-bg)}
.dm-start__card{border:1.5px solid var(--outline);box-shadow:var(--glow-card)}
.dm-start__rules{color:var(--mute)} .dm-start__rules svg{color:var(--mute)} .dm-or{color:var(--faint)} .dm-or::before,.dm-or::after{background:var(--line)}
.dm-app{background:var(--bg-soft)} .dm-app .dm-top{background:var(--surface)}
.dm-chip--state::before{background:var(--cam-ok)}
:root .l-jasny{display:none} [data-theme="light"] .l-jasny{display:block} [data-theme="light"] .l-ciemny{display:none}
.dm-theme{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line-control);background:var(--surface);color:var(--ink);cursor:pointer;flex:none}
.dm-theme:hover{border-color:var(--blue)} .dm-theme svg{width:18px;height:18px}
.dm-theme .i-slonce{display:none} [data-theme="dark"] .dm-theme .i-slonce,:root:not([data-theme="light"]) .dm-theme .i-slonce{display:block} [data-theme="dark"] .dm-theme .i-ksiezyc,:root:not([data-theme="light"]) .dm-theme .i-ksiezyc{display:none}
.dm-top__in .dm-theme{margin-left:auto} .dm-top__in .dm-theme + .dm-btn,.dm-top__in .dm-theme + .dm-online{margin-left:0}
.dm-top__in .dm-nav + .dm-theme{margin-left:0}
@media (max-width:760px){.dm-top .dm-theme{margin-left:auto}.dm-top .dm-theme + .dm-btn,.dm-top .dm-theme + .dm-online{margin-left:0}}
.dm-band { position: relative; overflow: hidden; background: var(--band); border-top: 1px solid var(--outline-soft); border-bottom: 1px solid var(--outline-soft); padding: 80px 0; }
.dm-band__in { position: relative; z-index: 1; max-width: 620px; }
.dm-band .dm-eyebrow { font-size: 17px; }
.dm-band .dm-eyebrow { color: var(--band-eyebrow); }
.dm-band__h { font-family: var(--font-display); font-weight: 900; font-size: 56px; line-height: 1.02; letter-spacing: -0.03em; color: var(--blue); margin: 12px 0 0; }
.dm-band__p { font-size: 20px; line-height: 1.45; color: var(--mute); margin: 16px 0 0; }
.dm-band .dm-btn { margin-top: 28px; }
.dm-band__alfa { position: absolute; right: 6%; top: 9%; height: 112%; color: var(--blue); opacity: var(--band-alfa); pointer-events: none; }
.dm-band__a { stroke: var(--accent); }
@media (max-width: 1180px) {
  .dm-band__alfa { right: -3%; top: 14%; height: 100%; opacity: calc(var(--band-alfa) * .7); }
}
@media (max-width: 900px) {
  .dm-band__alfa { right: 2%; top: auto; bottom: -22px; height: 240px; }
}
@media (max-width: 760px) {
  .dm-band { padding: 56px 0; }
  .dm-band__h { font-size: 38px; }
  .dm-band__p { font-size: 17px; }
  .dm-band__alfa { right: -14px; top: auto; bottom: -18px; height: 156px; opacity: calc(var(--band-alfa) * .8); }
}
@media (max-width:360px){.dm-top__in{gap:var(--space-2)}.dm-top .dm-logo img{height:32px}.dm-top .dm-btn{padding:0 12px;font-size:14px}}
html[data-theme="light"] .dm-theme .i-slonce,html:not([data-theme="light"]) .dm-theme .i-ksiezyc{display:none!important}
html[data-theme="light"] .dm-theme .i-ksiezyc,html:not([data-theme="light"]) .dm-theme .i-slonce{display:block!important}
.dm-theme{transition:border-color .12s,background-color .12s}
.dm-theme:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.mk-motyw-rog{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;z-index:50}
html,body{margin:0}
body.mk-strona{margin:0;background:var(--bg)}
.mk-strona .dm-logo img{height:56px;width:auto}
:root{--topbar:72px}
@media(max-width:768px){:root{--topbar:60px}.dm-logo img,.dm-logo svg,.mk-strona .dm-logo img{height:44px}}
@media(max-width:360px){.mk-strona .dm-top .dm-logo img{height:32px}}
.mk-trust-wrap{margin-top:72px}
.mk-mt12{margin-top:12px!important}
.mk-mt20{margin-top:20px!important}
.mk-foot-opis{margin:14px 0 0;max-width:300px}
.mk-illus-akcent{fill:var(--illus-str)}
.mk-illus-tlo{fill:var(--night-2)}
.mk-illus-ja{fill:var(--illus-me)}
.dm-illus__cam b{z-index:1}
.mk-tematy .dm-input:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-focus)}
.mk-tematy .dm-tags:empty{display:none}
.mk-tematy .dm-tag button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:-6px;border-radius:4px;font-size:17px;font-weight:700;cursor:pointer}
.mk-tematy .dm-tag button:focus-visible{box-shadow:var(--shadow-focus)}
.mk-tematy .dm-tag button:hover{background:var(--surface-hover)}
.mk-tematy__info{margin:8px 0 0}
.mk-tematy__info:empty{display:none}
.dm-hero__text .dm-btn--lg{padding:0 22px 0 28px}
.mk-szkic{background:var(--gold-soft);color:var(--gold-text);text-align:center;font:700 13px/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-bottom:1px solid var(--line)}
.mk-form{display:grid;gap:var(--space-4);margin-top:var(--space-8)!important;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}
.mk-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.mk-form select.dm-input{appearance:auto}
.mk-textarea{height:auto;min-height:150px;padding:12px 14px;line-height:1.5;resize:vertical;font:400 16px/1.5 var(--font-sans)}
.mk-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mk-form__send{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}
.mk-form__msg{margin:0;font-size:14px;color:var(--mute)}
.mk-form__msg.ok{color:var(--green-text)}
.mk-form__msg.bad{color:var(--stranger)}
.dm-input:focus{outline:none;border-color:var(--blue);box-shadow:var(--shadow-focus)}
@media (max-width:760px){.mk-form__row{grid-template-columns:1fr}.mk-form{padding:var(--space-4)}}
.wt-head{max-width:var(--column);padding:var(--space-12) 0 var(--space-6)}
.wt-head .dm-eyebrow+.dm-h1{margin-top:var(--space-2)}
.wt-head .dm-lead{margin-top:var(--space-4)}
.wt{padding:var(--space-6)}
.wt [hidden]{display:none!important}
.wt__grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-areas:"view panel" "foot panel";grid-template-rows:auto 1fr;column-gap:var(--space-6);row-gap:var(--space-6);align-items:start}
.wt__view{grid-area:view;position:relative;aspect-ratio:16/9;background:var(--night);border-radius:var(--radius-md);overflow:hidden}
.wt__video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.wt__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--on-night-mute)}
.wt__ph p{margin:0;max-width:340px;color:var(--on-night);font-size:15px;line-height:1.5}
.wt__panel{grid-area:panel}
.wt__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.wt__alert{margin:var(--space-4) 0 0;padding:var(--space-3) 14px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--ink);font-size:15px;line-height:1.5}
.wt__rows{margin-top:var(--space-4);border-top:1px solid var(--line)}
.wt__row{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line)}
.wt__row:last-child{border-bottom:0;padding-bottom:0}
.wt__label{display:flex;align-items:center;gap:var(--space-2);font:700 15px/1.3 var(--font-display);color:var(--ink)}
.wt__dot{width:9px;height:9px;flex:none;border-radius:var(--radius-full);background:var(--line-control)}
.wt__row[data-ok="tak"] .wt__dot{background:var(--green)}
.wt__row[data-ok="nie"] .wt__dot{background:var(--stranger)}
.wt__row[data-ok="uwaga"] .wt__dot{background:var(--gold-text)}
.wt__row[data-ok="czeka"] .wt__dot,.wt__row[data-ok="gra"] .wt__dot{background:var(--blue)}
.wt__status{margin:0;font-size:15px;line-height:1.45;color:var(--ink-soft)}
.wt__row[data-ok="tak"] .wt__status{color:var(--green-text);font-weight:600}
.wt__row[data-ok="nie"] .wt__status{color:var(--stranger);font-weight:600}
.wt__row[data-ok="uwaga"] .wt__status{color:var(--gold-text);font-weight:600}
.wt__info{margin:0;font-size:13px;line-height:1.45;color:var(--mute);overflow-wrap:anywhere}
.wt__info:empty{display:none}
.wt__meter{height:10px;border-radius:var(--radius-full);background:var(--bg-soft);border:1px solid var(--line);overflow:hidden}
.wt__meter span{display:block;height:100%;width:0;background:var(--green)}
.wt__sel{display:grid;gap:4px;font-size:13px;color:var(--mute)}
.wt__sel .dm-input{height:40px;font-size:14px;appearance:auto}
.wt__small-btn{justify-self:start;min-height:38px;padding:0 14px;font-size:14px}
.wt__foot{grid-area:foot;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}
.wt-art{padding-top:var(--space-8)}
@media (max-width:760px){
  .wt-head{padding:var(--space-8) 0 var(--space-4)}
  .wt{padding:var(--space-4)}
  .wt__grid{grid-template-columns:1fr;grid-template-areas:"view" "panel" "foot";grid-template-rows:auto;gap:var(--space-4)}
  .wt__view{aspect-ratio:4/3}
  .wt__actions .dm-btn{flex:1}
  .wt__foot{align-items:stretch;padding-top:var(--space-4);border-top:1px solid var(--line)}
}
.mk-okruszki{font:700 13px/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0}
.mk-okruszki a{color:var(--accent-strong)!important;text-decoration:none!important}
.mk-okruszki a:hover{text-decoration:underline!important}
.dm-art .mk-okruszki+.dm-h1{margin-top:var(--space-2)}
.mk-data{font-size:14px;color:var(--mute)}
.mk-fig{margin:var(--space-6) 0 0}
.mk-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-soft)}
.mk-fig--tel img{max-width:300px}
.mk-fig--okno img{max-width:440px}
.mk-fig figcaption{margin-top:var(--space-2);font-size:14px;line-height:1.5;color:var(--mute)}
.mk-lista-poradnikow{list-style:none;padding:0!important;display:grid;gap:var(--space-4)}
.mk-lista-poradnikow li{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}
.mk-lista-poradnikow h2{margin:0;font:800 20px/1.3 var(--font-display)}
.mk-lista-poradnikow h2 a{color:var(--ink)!important;text-decoration:none!important}
.mk-lista-poradnikow h2 a:hover{text-decoration:underline!important}
.mk-lista-poradnikow p{margin:var(--space-2) 0 0}
html.cl{
  --bg2:var(--surface);--text:var(--ink);--muted:var(--mute);--border:var(--line);
  --secondary:var(--blue);--secondary-soft:var(--blue-soft);--gradient:var(--cta-bg);
  --tag-bg:var(--blue-soft);--tag-text:var(--blue);--tag-border:transparent;--shadow:none;
  --cam-a:var(--night);--cam-b:var(--night);--chat-bg:var(--surface);--msg-me:var(--accent-soft);--msg-other:var(--bg-soft);
  --overlay:var(--bg);
  --subtext:var(--mute);--magenta:var(--accent-strong);--success:var(--green);--safety:var(--green);--safety-deep:var(--green-text);
  --dark-plum:var(--night);--danger-deep:var(--stranger);--icon-ink:var(--ink-soft);--gold-title:var(--gold-text);
  --gold-deep:var(--gold-text);--gold-tint:var(--gold-soft);--report-hover:var(--stranger);
  --cl-font:var(--font-sans);--cl-brand:var(--font-display);
  --classic-bar:var(--topbar);--classic-bar-mobile:56px;--classic-box:880px;--classic-video-col:39%;
  --classic-gap:var(--space-2);--classic-input:var(--control);--classic-radius:var(--radius-sm);
}
html.cl,html.cl body{font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased}
html.cl body{background:var(--bg-soft)}
html.cl button,html.cl input,html.cl select,html.cl textarea{font-family:inherit}
html.cl a{color:var(--blue)}
html.cl :focus-visible{outline:none!important;box-shadow:var(--shadow-focus)!important}
html.cl .welcome-page{background:var(--start-bg);font-family:var(--font-sans);color:var(--ink);display:flex;flex-direction:column}
html.cl .mk-top{position:sticky;top:0;z-index:30;height:auto;padding:0;padding-top:env(safe-area-inset-top,0px);display:block;background:var(--bar);border-bottom:1px solid var(--bar-line);box-sizing:border-box}
html.cl .mk-top .dm-top__in{height:var(--topbar)}
html.cl .mk-top .dm-logo img{height:56px;width:auto}
html.cl .mk-top .dm-nav{margin-left:auto}
html.cl .mk-top .dm-online{margin-left:0;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--green-text)}
html.cl .mk-top .dm-online .online-dot{display:none}
html.cl .cl-hero.dm-start{max-width:none;margin:0;padding:var(--space-12) 0 var(--space-8);min-height:0;flex:none}
html.cl .mk-top .dm-nav a{color:var(--ink-soft)}
html.cl .mk-top .dm-nav a:hover{color:var(--ink)}
html.cl .cl-box.dm-start__card{padding:var(--space-8);background:var(--surface);border:1.5px solid var(--outline);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
html.cl .cl-split.dm-start__grid{grid-template-columns:1fr 1px 1fr;gap:var(--space-8);margin:0;padding:0;border:0}
html.cl .dm-start__grid > hr{display:block;border:0;background:var(--line);margin:0;width:1px;height:auto}
html.cl .cl-ask-sub{margin-top:10px;font-size:14px;line-height:1.5;color:var(--mute)}
html.cl .cl-ask-sub.cl-limit{color:var(--stranger)}
html.cl .mk-tagwrap{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;cursor:default}
html.cl .mk-tagwrap #clTagInput{order:-1;flex:none;width:100%;height:var(--control);min-width:0;padding:0 14px;border:1px solid var(--line-control);border-radius:var(--radius-sm);background:var(--surface);font:400 16px/1 var(--font-sans);color:var(--ink)}
html.cl .mk-tagwrap #clTagInput:focus{border-color:var(--blue);box-shadow:var(--shadow-focus)}
html.cl .mk-tagwrap .cl-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
html.cl .mk-tagwrap .cl-tags:empty{display:none}
html.cl .tag{gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--blue-soft);color:var(--blue);font:600 14px/1 var(--font-sans);animation:none}
html.cl .tag .tx{opacity:1;font-size:16px;font-weight:700}
html.cl .cl-btns{display:flex;flex-direction:column;gap:0}
html.cl .cl-btns .cl-go{display:flex;width:100%;min-height:var(--control);margin:0;padding:0 28px;border:0;border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);font:800 19px/1 var(--font-display);gap:var(--space-2);filter:none}
html.cl .cl-btns .cl-go:hover{background:var(--cta-bg-hover);filter:none}
html.cl .cl-btns .cl-go svg{width:18px;height:18px}
html.cl .cl-btns .dm-or{margin:14px 0;font-size:14px}
html.cl .cl-begin .mk-google{width:100%;min-height:48px;margin:0;padding:0 20px;border:1px solid var(--line-control);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)!important;font:700 16px/1 var(--font-display);gap:10px;box-shadow:none}
html.cl .cl-begin .mk-google:hover{border-color:var(--ink);background:var(--bg-soft)}
html.cl .cl-note{margin-top:12px;font-size:14px;line-height:1.5;color:var(--mute)}
html.cl .cl-begin .last-chip{margin:0 0 10px;border:1px solid var(--line-control);border-radius:var(--radius-sm);box-shadow:none;background:var(--surface)}
html.cl .cl-begin .lc-avatar{background:var(--blue-soft);color:var(--blue)}
html.cl .cl-begin .more-options{display:block;margin:0 0 10px;color:var(--blue);font-size:14px;font-weight:600}
html.cl .dm-start__rules a{color:var(--blue)}
html.cl .pb-baner-top{margin:var(--space-6) auto 0}
html.cl .mk-app-foot{max-width:var(--container);width:100%;margin:auto auto 0;padding:var(--space-6) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);text-align:center;font-size:13px;line-height:1.6;color:var(--mute);box-sizing:border-box}
html.cl .mk-app-foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-bottom:6px}
html.cl .mk-app-foot a{color:var(--ink-soft);text-decoration:none;font-size:14px}
html.cl .mk-app-foot a:hover{color:var(--ink);text-decoration:underline}
html.cl .mk-app-foot p{margin:0}
html.cl .consent-modal-ov,html.cl .popup-overlay{background:var(--scrim);backdrop-filter:none;-webkit-backdrop-filter:none}
html.cl .consent-modal{font-family:var(--font-sans);color:var(--ink);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6) var(--space-6);box-shadow:var(--shadow-pop)}
html.cl .cm-logo{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-soft);color:var(--ink);border:1px solid var(--line);font-size:0}
html.cl .cm-logo svg{width:26px;height:26px}
html.cl .cm-logo.mk-cm-znak{background:none;border:0}
html.cl .cm-logo.mk-cm-znak img{width:48px;height:48px}
html.cl .cm-logo-danger{background:var(--accent-soft)!important;color:var(--stranger);border-color:transparent}
html.cl .consent-modal h3{font:800 20px/1.25 var(--font-display);color:var(--ink)}
html.cl .cm-intro{color:var(--mute);font-size:14px}
html.cl .cm-close{color:var(--mute)}
html.cl .consent-modal .lcheck{color:var(--ink);font-size:14px}
html.cl .consent-modal .lcheck a{color:var(--blue)}
html.cl .lcheck input[type=checkbox]{accent-color:var(--accent-strong);width:18px;height:18px}
html.cl .cm-continue{min-height:var(--control);padding:0;border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);font:800 17px/1 var(--font-display)}
html.cl .cm-continue:not(:disabled):hover{background:var(--cta-bg-hover)}
html.cl .cm-disagree{min-height:44px;padding:0;border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);border:1px solid var(--line-control);font:700 15px/1 var(--font-display)}
html.cl .cm-disagree:hover{background:var(--bg-soft)}
html.cl .cm-continue-danger{background:var(--cta-bg)!important;color:var(--on-accent)!important}
html.cl .sp-input,html.cl .del-pw-input{border-radius:var(--radius-sm)!important;border:1px solid var(--line-control)!important}
html.cl .sp-or{color:var(--mute)}
html.cl #spGoogleBtn{border-radius:var(--radius-sm)!important;border-color:var(--line-control)!important;color:var(--ink)!important}
html.cl .report-modal{background:var(--scrim)}
html.cl .report-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);font-family:var(--font-sans);padding:var(--space-6)}
html.cl .report-title{color:var(--ink);font:800 18px/1.3 var(--font-display)}
html.cl .report-reason{background:var(--surface);color:var(--ink);border:1px solid var(--line-control);border-radius:var(--radius-sm);font-size:15px;font-weight:600}
html.cl .report-reason:hover{background:var(--bg-soft);border-color:var(--ink)}
html.cl .report-cancel{color:var(--mute);font-weight:600}
html.cl .cookie-banner{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-control);border-radius:var(--radius-md);font-family:var(--font-sans);box-shadow:var(--shadow-pop)}
html.cl .cookie-banner p,html.cl .cookie-banner span{color:var(--ink-soft)}
html.cl .cookie-banner a{color:var(--blue)}
html.cl .cb-accept{background:var(--cta-bg);color:var(--on-accent);border:0;border-radius:var(--radius-sm)}
html.cl .cb-accept:hover{background:var(--cta-bg-hover)}
html.cl .cb-reject{background:var(--surface);color:var(--ink);border:1px solid var(--line-control);border-radius:var(--radius-sm)}
html.cl .cb-reject:hover{background:var(--surface-hover)}
html.cl body>div[style*="rgb(47, 35, 80)"]{background:var(--night-2)!important;color:var(--on-night)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-sans)}
html.cl .app-page,html.cl .main-area{background:var(--bg-soft)}
html.cl .topnav{height:var(--topbar);padding:0 var(--space-4);gap:var(--space-6);background:var(--surface);border-bottom:1px solid var(--line);font-family:var(--font-display)}
html.cl .tn-logo{margin-right:0;cursor:pointer}
html.cl .tn-logo img{height:56px;width:auto}
html.cl .tn-tabs{gap:var(--space-4)}
html.cl .nt{padding:0;color:var(--ink-soft);font:500 15px/1 var(--font-display);box-shadow:inset 0 -2px 0 transparent}
html.cl .nt:hover{color:var(--ink);text-decoration:none;box-shadow:inset 0 -2px 0 var(--line-control)}
html.cl .nt.active{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent-strong)}
html.cl .tn-tabs a.nt{display:none!important}
html.cl .sl-wrap,html.cl .mp-safety{display:none!important}
html.cl .nt-badge,html.cl .mp-licznik{background:var(--cta-bg);color:var(--on-accent)}
html.cl .tn-online{font:600 14px/1 var(--font-sans);color:var(--green-text);gap:7px}
html.cl .odot{width:9px;height:9px;background:var(--green);box-shadow:none}
html.cl .mp-ik,html.cl .mp-avatar{color:var(--ink)}
html.cl .mp-dysk{display:flex;align-items:center;justify-content:center;color:var(--ink)}
html.cl .mp-dysk svg{width:21px;height:21px}
html.cl .mp-premium{background:none!important;box-shadow:none!important}
@media(min-width:769px){
  html.cl .main-area{grid-template-columns:minmax(360px,39%) minmax(0,1fr);column-gap:var(--space-2);padding:var(--space-2)}
  html.cl .cameras{gap:var(--space-2)}
}
html.cl .cam{border-radius:var(--radius-md);background:var(--night)}
html.cl .cam-ph{color:var(--on-night-mute)}
html.cl .cam-ph p{font:600 14px/1 var(--font-sans)}
html.cl .cl-ph-mark{width:42px;height:42px;background:none;border-radius:0}
html.cl .watermark{left:12px;bottom:10px;opacity:.9;text-shadow:none;height:7.5%;min-height:24px;max-height:36px}
:root{--wm-shadow:rgba(8,12,20,.6)}
html.cl .watermark img{display:block;height:100%;width:auto;filter:drop-shadow(0 1px 1.5px var(--wm-shadow))}
@media(max-width:768px){html.cl .watermark{max-height:28px}}
html.cl #appPage .mod-badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--radius-sm);background:var(--scrim);color:var(--on-night)!important;font:500 12.5px/1 var(--font-sans);text-decoration:none;border:0;box-shadow:none;backdrop-filter:none}
html.cl .mod-badge .kropka{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:none;animation:none}
html.cl .stranger-info{top:10px;left:10px;right:10px;gap:var(--space-2)}
html.cl .si-pill{order:0;margin-right:auto;gap:0;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--scrim);backdrop-filter:none}
html.cl .si-avatar{display:none}
html.cl .si-details{display:flex;flex-direction:row;align-items:baseline;gap:6px;white-space:nowrap}
html.cl .si-name{font:600 13px/1 var(--font-sans);color:var(--on-night);text-shadow:none}
html.cl .si-loc{font:400 13px/1 var(--font-sans);color:var(--on-night-mute)}
html.cl .si-loc:not(:empty)::before{content:"· "}
html.cl .si-add-btn,html.cl .si-report-btn,html.cl .si-priv-btn,html.cl .si-accept-btn,html.cl .si-sent{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;height:30px;margin:0;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--scrim);color:var(--on-night);font:600 13px/1 var(--font-sans);box-shadow:none;backdrop-filter:none}
html.cl .si-add-btn{order:1}
html.cl .si-sent,html.cl .si-accept-btn{order:1;margin-left:0}
html.cl .si-report-btn{order:2}
html.cl .si-priv-btn{order:1}
html.cl .si-add-btn.hidden,html.cl .si-sent.hidden,html.cl .si-accept-btn.hidden{display:none}
html.cl .si-add-btn:hover,html.cl .si-report-btn:hover{background:var(--scrim-strong);color:var(--on-night)}
html.cl .si-add-btn svg,html.cl .si-report-btn svg,html.cl .afb-ico{width:15px;height:15px;margin:0}
html.cl .si-accept-btn{background:var(--green-text)}
html.cl .friend-toast{background:var(--scrim)!important;color:var(--on-night)!important;border:0!important;border-radius:var(--radius-sm)!important;font:600 14px/1.3 var(--font-sans);backdrop-filter:none;box-shadow:none}
html.cl .friend-toast.toast-gold{background:var(--gold-soft)!important;color:var(--gold-text)!important}
html.cl .friend-toast.toast-green{background:var(--green-text)!important}
html.cl .search-anim,html.cl .connect-anim{background:var(--night);backdrop-filter:none}
html.cl .sa-pulse-ring{border-color:var(--night-tint)}
html.cl .sa-icon{background:var(--night-2);border:1px solid var(--night-line);box-shadow:none}
html.cl .sa-title{font:700 18px/1.3 var(--font-display);color:var(--on-night);letter-spacing:0}
html.cl .sa-dot{background:var(--on-night-mute)}
html.cl .sa-cancel{border-radius:var(--radius-sm);border:1px solid var(--on-night-mute);background:none;color:var(--on-night);font:600 14px/1 var(--font-display)}
html.cl .ca-burst{display:none}
html.cl .ca-match-label{background:none;-webkit-text-fill-color:currentColor;color:var(--on-night);font:800 36px/1.1 var(--font-display);letter-spacing:-.02em;animation:none}
html.cl .ca-avatar{background:var(--accent-strong);box-shadow:none;border-radius:50%;font-family:var(--font-display)}
html.cl .ca-name{font-family:var(--font-display)}
html.cl .ca-country{color:var(--on-night-mute)}
html.cl .ca-tags span{border-radius:var(--radius-sm);background:var(--night-tint);border:0}
html.cl .camoff,html.cl .upsell{background:var(--night-2)}
html.cl .camoff-ico{width:40px;height:40px;font-size:0;opacity:1;background:var(--on-night-mute);-webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M16 16v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h1M10 6h4a2 2 0 0 1 2 2v3.5l5-3v9'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M16 16v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h1M10 6h4a2 2 0 0 1 2 2v3.5l5-3v9'/%3E%3C/svg%3E")}
html.cl .camoff-t{font:700 16px/1.3 var(--font-display)}
html.cl .camoff-s{color:var(--on-night-mute)}
html.cl .upsell-ico{background:none;-webkit-text-fill-color:currentColor;color:var(--on-night);font-size:0}
html.cl .upsell-ico svg{width:36px;height:36px}
html.cl .upsell-h{font-family:var(--font-display)}
html.cl .upsell-l li{color:var(--on-night-mute)}
html.cl .upsell-l li::before{color:var(--green)}
html.cl .upsell-b{border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);box-shadow:none;font-family:var(--font-display)}
html.cl .upsell-n,html.cl .upsell-x{color:var(--on-night-mute)}
html.cl .blur-info{background:var(--scrim);border-radius:var(--radius-sm)}
html.cl .stream-chat{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-family:var(--font-sans)}
html.cl .stream-messages{padding:var(--space-4) 18px;font-size:15px;line-height:1.5}
html.cl .stream-message{margin:0 0 6px}
html.cl .stream-message .sm-bubble{color:var(--ink)}
html.cl .cl-kto{color:var(--stranger)}
html.cl .cl-kto--ja{color:var(--blue)}
html.cl .stream-message.cl-sys{color:var(--mute);font-weight:400}
html.cl .stream-message.cl-sys .cl-sys-ik{color:var(--green);font-weight:700}
html.cl .chat-searching{border-radius:var(--radius-md)}
html.cl .cs-main{font-family:var(--font-display);color:var(--ink)}
html.cl .stream-input,html.cl .ctrl-bar{height:var(--control);gap:var(--space-2);margin-top:var(--space-2)}
html.cl .stream-input input{height:auto;padding:0 14px;border:1px solid var(--line-control);border-radius:var(--radius-sm);font:400 16px/1 var(--font-sans);color:var(--ink)}
html.cl .stream-input input:focus{border-color:var(--blue);box-shadow:var(--shadow-focus)}
html.cl .stream-input input::placeholder{color:var(--mute)}
html.cl #nextButton{width:150px;min-width:0;flex:none;padding:0;border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);font:800 19px/1 var(--font-display);gap:var(--space-2)}
html.cl #nextButton:hover{background:var(--cta-bg-hover)}
html.cl #nextButton svg{width:18px;height:18px}
html.cl #sendBtn{width:110px;min-width:0;flex:none;padding:0;border:1px solid var(--blue);border-radius:var(--radius-sm);background:var(--blue);color:var(--on-blue);font:700 16px/1 var(--font-display)}
html.cl #sendBtn:hover:not(:disabled){background:var(--blue);border-color:var(--ink)}
html.cl #sendBtn:disabled{background:var(--blue);opacity:.45}
html.cl .ctrl-bar .cb,html.cl .ctrl-bar .cb-filters,html.cl .ctrl-bar .btn-stop{gap:var(--space-2);border:1px solid var(--line-control);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:700 16px/1 var(--font-display)}
html.cl .ctrl-bar svg{width:18px;height:18px}
html.cl .ctrl-bar .cb-gold svg,html.cl .ctrl-bar .cb-filters{color:var(--ink)}
html.cl .ctrl-bar button:hover,html.cl #sendBtn:hover{border-color:var(--ink)}
html.cl .overlay-box.cl-lobby{padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-family:var(--font-sans)}
html.cl .cl-lobby .ov-title{font:800 22px/1.2 var(--font-display);letter-spacing:-.01em}
html.cl .cl-lobby .ov-title span{color:var(--ink)}
html.cl .cl-lobby .ov-sub{font-size:14px;color:var(--mute)}
html.cl .cl-lobby .tag-wrap{min-height:var(--control);border:1px solid var(--line-control);border-radius:var(--radius-sm)}
html.cl .cl-lobby .tag-wrap:focus-within{border-color:var(--blue);box-shadow:var(--shadow-focus)}
html.cl .cl-lobby .btn-start{min-height:var(--control);padding:0;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);font:800 19px/1 var(--font-display)}
html.cl .cl-lobby .btn-start svg{width:18px;height:18px}
html.cl .cl-lobby .btn-girls-home{min-height:var(--control);padding:0;gap:var(--space-2);border:1px solid var(--line-control);border-radius:var(--radius-sm);color:var(--ink);font:700 16px/1 var(--font-display)}
html.cl .cl-lobby .btn-girls-home:hover{border-color:var(--ink);box-shadow:none}
html.cl .cl-lobby .bgh-ico{width:auto;height:auto;background:none;color:var(--ink);box-shadow:none}
html.cl .cl-lobby .bgh-ico svg{width:18px;height:18px;display:block}
html.cl .tagwait{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none}
html.cl .tagwait input[type=range]::-webkit-slider-thumb{border-color:var(--blue);box-shadow:none}
html.cl .tagwait input[type=range]::-moz-range-thumb{border-color:var(--blue);box-shadow:none}
html.cl .pb-baner{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-sans)}
html.cl .pb-odznaka{background:var(--accent-soft);color:var(--accent-strong);border-radius:var(--radius-sm)}
html.cl .pb-odznaka svg{width:22px;height:22px}
html.cl .pb-tytul{font-family:var(--font-display)}
html.cl .pb-tytul .zloto{color:var(--gold-text)}
html.cl .pb-tytul .diament{color:var(--diamond-text)}
html.cl .pb-cta{border:0;border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);font-family:var(--font-display)}
html.cl .pb-cta:hover{background:var(--cta-bg-hover)}
html.cl .popup-box{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-pop)!important;font-family:var(--font-sans);color:var(--ink)}
html.cl .popup-box h2,html.cl .popup-box h3,html.cl .side-panel h2,html.cl .side-panel h3{font-family:var(--font-display);letter-spacing:-.01em}
html.cl .side-panel{background:var(--bg-soft);backdrop-filter:none;font-family:var(--font-sans);color:var(--ink)}
html.cl [style*="box-shadow:0 4px"],html.cl [style*="box-shadow: rgba"]{box-shadow:none!important}
html.cl .promo-pill{background:var(--cta-bg);color:var(--on-accent);box-shadow:none}
html.cl .prof-seg-btn.sel{background:var(--cta-bg);background-image:none;color:var(--on-accent)}
html.cl .prof-delete{border-color:var(--stranger);color:var(--stranger)}
html.cl .prof-delete:hover{background:var(--accent-soft)}
html.cl #chatMsgArea,html.cl .chat-msg-area,html.cl .chat-no-friends-msg{background:var(--surface)!important}
html.cl .hist-avatar{background:var(--blue-soft)!important;color:var(--blue)!important}
html.cl #subPopup [style*="font-size:40px"],html.cl #subPopup [style*="font-size: 40px"]{display:none}
html.cl .rf-icon,html.cl .reg-gender-btn span[style*="font-size:16px"],html.cl .reg-gender-btn span[style*="font-size: 16px"]{display:none}
html.cl .reg-gender-btn.sel{border-color:var(--ink)!important;background:var(--bg-soft)!important;color:var(--ink)!important}
html.cl .reg-field{border-radius:var(--radius-sm)!important;border-color:var(--line-control)!important}
html.cl #filtersPopup{border-radius:var(--radius-lg);padding:var(--space-6)}
html.cl #filtersPopup .fp-title{font:800 22px/1.2 var(--font-display)}
html.cl #filtersPopup .gf{border:1px solid var(--line-control)!important;border-radius:var(--radius-sm)!important;background:var(--surface)!important;color:var(--ink)!important}
html.cl #filtersPopup .gf.sel,html.cl #filtersPopup .gf.active,html.cl #filtersPopup .gf[aria-pressed="true"]{border-color:var(--ink)!important;background:var(--bg-soft)!important}
html.cl #filtersPopup .fp-apply{border-radius:var(--radius-sm);background:var(--cta-bg)!important;color:var(--on-accent)!important;box-shadow:none;font:800 19px/1 var(--font-display)}
html.cl #regPopup{border-radius:var(--radius-lg)!important}
html.cl .gr-leave{border-radius:var(--radius-sm);font-family:var(--font-display)}
html.cl .ban-ov{background:var(--scrim-strong)}
html.cl .ban-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);color:var(--ink);font-family:var(--font-sans)}
html.cl .ban-ico{font-size:0;width:44px;height:44px;margin:0 auto 14px;background:var(--danger);-webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E")}
html.cl .ban-box h2{color:var(--ink);font:800 21px/1.25 var(--font-display)}
html.cl .ban-why,html.cl .ban-note,html.cl .ban-small,html.cl .ban-dowod-opis{color:var(--mute)}
html.cl .ban-timer{color:var(--ink)}
html.cl .ban-timer b{color:var(--stranger)}
html.cl .ban-btn{border-radius:var(--radius-sm);background:var(--cta-bg);color:var(--on-accent);font:800 17px/1 var(--font-display);min-height:var(--control);padding:0}
html.cl .ban-appeal{color:var(--blue)}
html.cl .ban-appeal:hover{color:var(--ink)}
html.cl .ban-odw-pole{background:var(--surface);color:var(--ink);border:1px solid var(--line-control);border-radius:var(--radius-sm)}
html.cl .ban-odw-pole::placeholder{color:var(--mute)}
html.cl .ban-odw-ok{color:var(--green-text)}
html.cl .ban-dowod{border-color:var(--line);border-radius:var(--radius-md)}
@media(max-width:768px){
  html.cl .mk-top .dm-top__in{height:60px}
  html.cl .mk-top .dm-nav{display:none}
  html.cl .mk-top .dm-online{margin-left:auto}
  html.cl .cl-hero.dm-start{padding:var(--space-4) 0 var(--space-8)}
  html.cl .cl-box.dm-start__card{padding:var(--space-6) var(--space-4)}
  html.cl .cl-split.dm-start__grid{grid-template-columns:1fr;gap:var(--space-6)}
  html.cl .dm-start__grid > hr{display:none}
  html.cl .mk-app-foot{padding-left:var(--space-4);padding-right:var(--space-4)}
  html.cl .topnav{height:calc(56px + env(safe-area-inset-top,0px))}
  html.cl .mk-top .dm-logo img{height:44px}
  html.cl .tn-logo img{height:clamp(24px,calc((100vw - 286px) / 3.31),44px)}
  html.cl #appPage.w-rozmowie .cameras{height:42vh;height:42dvh}
  html.cl #appPage .cam-stranger{border-radius:0}
  html.cl #appPage .cam-you{width:27%;height:auto;aspect-ratio:3/4;border:2px solid var(--bg);border-radius:var(--radius-sm);box-shadow:none}
  html.cl #appPage .cam-you .cam-ph{display:none}
  html.cl .si-add-btn,html.cl .si-report-btn,html.cl .si-pill{height:34px}
  html.cl .si-add-btn{width:34px;padding:0;justify-content:center}
  html.cl .si-report-btn{width:auto;padding:0 10px}
  html.cl .si-report-btn .cl-lbl{display:inline}
  html.cl #appPage.w-rozmowie .ctrl-bar{height:var(--control);margin:var(--space-2) var(--space-2) 0}
  html.cl #appPage.w-rozmowie #backButton{color:var(--ink)!important;background:var(--surface)!important;border:1px solid var(--line-control)!important;font:700 15px/1 var(--font-display)!important}
  html.cl .ctrl-bar .cb,html.cl .ctrl-bar .cb-filters,html.cl .ctrl-bar .btn-stop{font-size:15px}
  html.cl #appPage.w-rozmowie .stream-chat{margin:var(--space-2) var(--space-2) 0;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important}
  html.cl #appPage.w-rozmowie .stream-input{height:var(--control);margin:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom,0px))}
  html.cl #appPage.w-rozmowie #nextButton{flex:none;width:104px!important;min-width:104px;padding:0;gap:6px;font-size:17px!important;color:var(--on-accent)!important;background:var(--cta-bg)!important;background-image:none!important;border-radius:var(--radius-sm)}
  html.cl #sendBtn{width:52px;min-width:52px}
  html.cl #filtersPopup{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
  html.cl .pb-baner{height:auto;min-height:50px;padding:6px 0}
  html.cl .pb-tytul{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
  html.cl #appPage .sa-title,html.cl #appPage .ca-name,html.cl #appPage .ca-country,html.cl #appPage .ca-tags{box-sizing:border-box;max-width:100%;padding-left:calc(27% + 14px);padding-right:calc(27% + 14px);text-align:center}
}
html.cl .plany .promo-price-row{flex-wrap:wrap;gap:0 5px}
html.cl .plany .promo-new{font-size:30px}
html.cl .plany .promo-old{font-size:16px}
@media(max-width:600px){
  html.cl #subPopup{width:calc(100vw - 24px);max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;padding:28px 16px 20px;overscroll-behavior:contain}
  html.cl #subPopup .popup-x{top:8px;right:10px;width:40px;height:40px}
  html.cl #subPopup > div[style*="margin-bottom:8px"]{padding:0 30px}
  html.cl #subPopup > div[style*="gap:14px"]{flex-direction:column;gap:12px!important;margin-top:16px!important}
  html.cl #subPopup > div[style*="gap:14px"] > div{flex:none!important;transform:none!important;padding:18px 16px!important;min-width:0}
  html.cl #subPopup > div[style*="gap:14px"] > div > div[style*="margin-bottom:16px"]{margin-bottom:12px!important}
  html.cl #subPopup > div[style*="gap:14px"] > div > div[style*="flex-direction:column"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px 12px!important;margin-bottom:14px!important}
  html.cl #subPopup .promo-price-row{flex-wrap:wrap;row-gap:0}
  html.cl #subPopup p,html.cl #subPopup h2,html.cl #subPopup h3,html.cl #subPopup button{overflow-wrap:anywhere}
}
@media(max-width:360px){
  html.cl .mk-top .dm-logo img{height:32px}
  html.cl #appPage.w-rozmowie #nextButton{width:64px!important;min-width:64px}
  html.cl .stream-input input{padding:0 10px}
  html.cl .stream-input input::placeholder{font-size:14px}
}
html.cl .stream-input input{text-overflow:ellipsis}
@media(max-width:340px){
  html.cl .mob-pasek .mp-ik,html.cl .mob-pasek .mp-avatar{width:32px!important;height:32px!important}
  html.cl .mob-pasek .mp-ik svg,html.cl .mob-pasek .mp-avatar svg{width:19px;height:19px}
  html.cl .mob-pasek .mp-ikony{gap:2px}
}
html.cl .cl-box.dm-start__card{padding:40px;border-radius:14px;box-shadow:var(--glow-card)}
html.cl .cl-btns .cl-go,html.cl .cl-lobby .btn-start{border-radius:999px;box-shadow:var(--cta-glow)}
html.cl .mk-tagwrap #clTagInput,html.cl .cl-begin .mk-google,html.cl .cl-lobby .tag-wrap,html.cl .cl-lobby .btn-girls-home,html.cl .stream-input input,
html.cl #nextButton,html.cl #sendBtn,html.cl .ctrl-bar .cb,html.cl .ctrl-bar .cb-filters,html.cl .ctrl-bar .btn-stop{border-radius:8px}
html.cl .mk-tagwrap #clTagInput:focus{border-color:var(--accent-strong)}
html.cl .cam,html.cl .stream-chat,html.cl .overlay-box.cl-lobby{border-radius:14px}
@media(max-width:768px){
  html.cl .cl-box.dm-start__card{padding:28px 18px}
  html.cl #appPage .cam-stranger{border-radius:0}
  html.cl #appPage .cam-you{border-radius:var(--radius-sm)}
  html.cl #appPage.w-rozmowie #nextButton{border-radius:8px}
}
html.cl .prof-logout{border:1px solid var(--line-control);background:var(--surface);color:var(--accent-text)}
html.cl .prof-logout:hover{background:var(--surface-hover)}
html.cl .mp-dysk{background:var(--chip-bg);color:var(--accent-text);box-shadow:none}
html.cl .mp-avatar{background:var(--blue-soft);color:var(--blue);box-shadow:none}
html.cl .mp-avatar.aktywna{box-shadow:var(--shadow-focus)}
html.cl .sl-naglowek{background:var(--night-2)}
html.cl .sl-naglowek .kropka{background:var(--cam-ok);box-shadow:none}
html.cl .consent-modal,html.cl .popup-box,html.cl .tag-wrap,html.cl .btn-girls-home,html.cl .stream-chat,html.cl .chat-searching{background:var(--surface)}
html.cl .consent-modal,html.cl .consent-modal h3,html.cl .consent-modal .lcheck{color:var(--ink)}
html.cl .consent-modal .lcheck a{color:var(--blue)}
html.cl .cl-lobby .tag-wrap input,html.cl #tagInput{background:transparent;color:var(--ink)}
html.cl #tagInput::placeholder{color:var(--faint)}
html.cl .cl-lobby .btn-girls-home{background:var(--surface);color:var(--ink)}
html.cl .promo-old{color:var(--faint);opacity:1}
html.cl .promo-new{background:none;-webkit-text-fill-color:currentColor;color:var(--accent-text)}
html.cl .reg-avatar{color:var(--on-blue)}
html.cl .stream-input input,html.cl .stream-input input:disabled{background:var(--surface);color:var(--ink)}
html.cl .stream-input input:disabled{background:var(--bg-soft)}
html.cl .reg-lock{color:var(--mute)}
html.cl .reg-field[style*="opacity:.6"]{opacity:1!important;background:var(--bg-soft)}
html.cl .reg-field input:disabled{color:var(--mute)!important;-webkit-text-fill-color:var(--mute)}
html.cl .reg-save{background:var(--cta-bg);color:var(--on-accent);box-shadow:var(--cta-glow)}
html.cl .prof-delete{background:var(--surface)}
html.cl .side-panel [style*="opacity:.5"]{opacity:1!important}
html.cl #filtersPopup select{border-color:var(--line-control)!important;background:var(--surface)!important;color:var(--ink)!important}
html.cl .tn-right{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}
html.cl .tn-right .dm-theme{margin-left:0}
html.cl .mob-pasek .mk-motyw-mp{border:1px solid var(--line-control)!important;background:var(--surface)!important;color:var(--ink)!important;border-radius:999px}
html.cl .mob-pasek .mk-motyw-mp svg{width:19px;height:19px}
html.cl .mk-motyw-wiersz{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-4);padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink)}
html.cl .mk-motyw-wiersz b{font:700 15px/1.3 var(--font-display);color:var(--ink)}
html.cl .mk-motyw-wiersz span{display:block;font-size:13px;color:var(--mute)}
@media(max-width:768px){html.cl .mk-top .dm-theme{margin-left:auto}html.cl .mk-top .dm-theme + .dm-online{margin-left:0}}
html.mk-auth{background:var(--start-bg)!important;background-color:var(--bg-soft)!important}
html.mk-auth body{font-family:var(--font-sans);color:var(--ink);background:none}
html.mk-auth a,html.mk-auth .link{color:var(--blue)}
html.mk-auth .card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-8) var(--space-6) var(--space-6)}
html.mk-auth .brand{display:flex;justify-content:center;margin-bottom:var(--space-6)}
html.mk-auth .brand img{height:56px;width:auto}
@media(max-width:768px){html.mk-auth .brand img{height:44px}}
@media(max-width:360px){html.mk-auth .brand img{height:32px}}
html.mk-auth h1{font:800 24px/1.2 var(--font-display);letter-spacing:-.01em;color:var(--ink)}
html.mk-auth .sub,html.mk-auth .hint,html.mk-auth .later,html.mk-auth .or,html.mk-auth .legal{color:var(--mute)}
html.mk-auth .sub b,html.mk-auth .msg b,html.mk-auth .static{color:var(--ink)}
html.mk-auth label{font:700 14px/1.3 var(--font-display);color:var(--ink)}
html.mk-auth input[type=email],html.mk-auth input[type=password],html.mk-auth input[type=text],html.mk-auth select{min-height:var(--control);border:1px solid var(--line-control);border-radius:var(--radius-sm);color:var(--ink);background-color:var(--bg)}
html.mk-auth input:focus,html.mk-auth select:focus{border-color:var(--blue);box-shadow:var(--shadow-focus)}
html.mk-auth .static{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm)}
html.mk-auth .btn{min-height:var(--control);border-radius:var(--radius-sm);font-family:var(--font-display)}
html.mk-auth .btn-primary{background:var(--cta-bg);color:var(--on-accent);font-size:17px;font-weight:800}
html.mk-auth .btn-primary:not([disabled]):hover{background:var(--cta-bg-hover)}
html.mk-auth .btn-google{border:1px solid var(--line-control);color:var(--ink)}
html.mk-auth .btn-google:hover{border-color:var(--ink);background:var(--bg-soft)}
html.mk-auth .or::before,html.mk-auth .or::after{background:var(--line)}
html.mk-auth .msg{border-radius:var(--radius-sm)}
html.mk-auth .msg.err{background:var(--accent-soft);color:var(--stranger);border-color:transparent}
html.mk-auth .msg.ok{background:var(--green-soft);color:var(--green-text);border-color:transparent}
html.mk-auth .msg.warn{background:var(--gold-soft);color:var(--gold-text);border-color:transparent}
html.mk-auth .msg.note{background:var(--bg-soft);color:var(--ink-soft);border-color:var(--line)}
html.mk-auth .check input{accent-color:var(--accent-strong)}
html.mk-auth .foot,html.mk-auth .foot a{color:var(--ink-soft)}
html.mk-auth .card{border-radius:14px}
html.mk-auth .btn,html.mk-auth input[type=email],html.mk-auth input[type=password],html.mk-auth input[type=text],html.mk-auth select{border-radius:8px}
html.mk-auth .btn-primary{box-shadow:var(--cta-glow);color:var(--on-accent)}
html.mk-platnosc body{background:var(--start-bg);color:var(--ink);font-family:var(--font-sans)}
html.mk-platnosc .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:none}
html.mk-platnosc .icon{font-size:0;width:48px;height:48px;margin:0 auto 18px;background:var(--green-text);-webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16.5 9.5'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16.5 9.5'/%3E%3C/svg%3E")}
html.mk-platnosc h1{font:800 26px/1.2 var(--font-display);color:var(--ink)}
html.mk-platnosc p{color:var(--ink-soft)}
html.mk-platnosc .card>p[style]{color:var(--mute)!important}
html.mk-platnosc .plan{font-family:var(--font-display);color:var(--gold-text)!important}
html.mk-platnosc .btn{border-radius:999px;background:var(--cta-bg);color:var(--on-accent);box-shadow:var(--cta-glow);font:800 17px/1 var(--font-display);padding:17px 40px}
html.mk-platnosc .btn:hover{background:var(--cta-bg-hover)}
html.mk-platnosc .secure{border-color:var(--line);background:var(--gold-soft);border-radius:var(--radius-md)}
html.mk-platnosc .secure h2{color:var(--gold-text);font-family:var(--font-display)}
html.mk-platnosc .secure p{color:var(--ink-soft)}
html.mk-platnosc .secure b{color:var(--ink)}
html.mk-platnosc .later{color:var(--mute)}
.mk-plany{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mk-plan{padding:24px 24px 28px}
.mk-plan .dm-h3{color:var(--ink)}
.mk-lista{margin:0;padding-left:22px;display:grid;gap:8px;color:var(--ink-soft);font-size:16px;line-height:1.55}
.mk-plan .mk-lista{margin-top:14px}
.mk-plany-strona .dm-sec__head{margin-bottom:var(--space-8)}
.mk-plan .dm-h3{display:flex;align-items:center;gap:10px;margin:0}
.mk-plan .dm-h3 img{flex:none}
.mk-plan--plus{border:2px solid var(--line-control)} .mk-plan--plus .dm-h3{color:var(--gold-text)}
.mk-plan--max{border:2px solid var(--outline)} .mk-plan--max .dm-h3{color:var(--diamond-text)}
.mk-plan-cena{margin:14px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.mk-plan-kwota{font:900 36px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.mk-plan-okres{font-size:15px;font-weight:600;color:var(--mute)}
.mk-plan-uwagi{margin:6px 0 0;font-size:14px;color:var(--mute)}
.mk-plan-promo{margin:12px 0 0;padding:8px 12px;border-radius:var(--radius-sm);background:var(--chip-bg);color:var(--ink);font-size:14px;font-weight:600;line-height:1.4}
.mk-plany-strona{padding-bottom:0}
.mk-plany-art{padding-top:var(--space-12)}
.mk-firma{line-height:1.7}
.mk-cols2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.mk-cols2 .dm-h3{margin-top:0}
@media(max-width:860px){
  .mk-plany{grid-template-columns:1fr;gap:16px}
  .mk-cols2{grid-template-columns:1fr;gap:32px}
}
@media(max-width:360px){
  html.cl .cl-btns .cl-go{padding:0 14px;font-size:17px}
}
:root{--plan-plus:#f88000;--plan-max:#3d9bfa;--plan-glyph:#16263d}
.ik-plan{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none;overflow:visible}
.ik-plan .ikp-znak{stroke:var(--plan-glyph)}
.ik-plan--plus .ikp-tlo{fill:var(--plan-plus)} .ik-plan--plus .ikp-znak{fill:none}
.ik-plan--max .ikp-tlo{fill:var(--plan-max)} .ik-plan--max .ikp-znak{fill:var(--plan-glyph)}
html.cl .pb-tytul .ik-plan{margin-right:.2em}
html.cl .pb-tytul .zloto,html.cl .pb-tytul .diament{white-space:nowrap}
html.cl .pb-odznaka{display:none}
.mk-plan-f{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:600;line-height:1.4;color:var(--ink)}
.mk-plan-f__glowna{font-weight:800}
.mk-plan-ok{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--green-text);color:var(--bg);font-size:12px;font-weight:900;line-height:1}
.mk-pp-tabela .mk-pp-lista{list-style:none;margin:0;padding:4px 4px 8px;display:grid;gap:10px}
.mk-pp-tabela .mk-pp-lista li{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink)}
.pp[data-plan="gold"] .mk-pp-lista[data-kol="diamond"],.pp[data-plan="diamond"] .mk-pp-lista[data-kol="gold"]{display:none}
.pp .mk-pp-lista[data-kol]{background:none}
html.cl .pp{background:var(--surface);border:2px solid var(--line-control);border-radius:24px;box-shadow:var(--shadow-card);color:var(--ink)}
html.cl .pp[data-plan="diamond"]{border-color:var(--outline)}
html.cl .pp-tabs{background:var(--bg-soft);border:1px solid var(--line)}
html.cl .pp-tab{color:var(--mute);background:none;box-shadow:none;font-family:var(--font-display)}
html.cl .pp-tab.on[data-plan="gold"],html.cl .pp-tab.on[data-plan="diamond"]{background:var(--surface);background-image:none;box-shadow:inset 0 0 0 2px var(--line-control)}
html.cl .pp-tab.on[data-plan="gold"]{color:var(--gold-text)}
html.cl .pp-tab.on[data-plan="diamond"]{color:var(--diamond-text);box-shadow:inset 0 0 0 2px var(--outline)}
html.cl .pp-tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
html.cl .pp .mk-pp-lista li{color:var(--ink)}
html.cl .pp .pp-cta{background:var(--cta-bg);background-image:none;color:var(--on-accent);box-shadow:var(--cta-glow);border:0;font-family:var(--font-display)}
html.cl .pp .pp-cta:not(:disabled):hover{background:var(--cta-bg-hover)}
html.cl .pp .pp-cta:disabled{background:var(--bg-soft);color:var(--mute);border:1px solid var(--line);box-shadow:none}
html.cl .promo-new{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--accent-text)}
html.cl .promo-old{opacity:1;color:var(--mute)}
html.cl .promo-new-unit,html.cl .promo-sub{color:var(--mute)}
html.cl .promo-sub b{color:var(--ink)}