:root .sig--vis-ads { container-type: inline-size; text-align: left; }
:root .sig--vis-ads svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
:root .sig--vis-ads .vad, :root .sig--vis-ads.vad { position: absolute; inset: clamp(12px, 3cqw, 28px); display: flex; flex-direction: column; gap: 14px; }
:root .sig--vis-ads .vad__win, :root .sig--vis-ads.vad__win { position: relative; flex: 1; min-height: 0; border-radius: 18px; overflow: hidden; background: #fbfaff; color: #1d1a22; box-shadow: 0 40px 80px -34px rgba(0, 0, 0, .95), 0 0 0 1px rgba(161, 0, 255, .2); }
:root .sig--vis-ads .vad__bar, :root .sig--vis-ads.vad__bar { display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; background: #efeaf4; }
:root .sig--vis-ads .vad__bar i, :root .sig--vis-ads.vad__bar i { width: 9px; height: 9px; border-radius: 50%; background: #d6cede; }
:root .sig--vis-ads .vad__tab, :root .sig--vis-ads.vad__tab { margin-left: 10px; padding: 5px 12px; border-radius: 8px; background: #fff; font: 500 11.5px/1 var(--f-body); color: #4b4453; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root .sig--vis-ads .vad__view, :root .sig--vis-ads.vad__view { position: absolute; left: 0; right: 0; top: 38px; bottom: 0; padding: clamp(14px, 3cqw, 22px); opacity: 0; visibility: hidden; transition: opacity .5s, transform .8s var(--ease-out), visibility 0s .8s; }
:root .sig--vis-ads .vad[data-v="plan"] .vad__plan, :root .sig--vis-ads.vad[data-v="plan"] .vad__plan, :root .sig--vis-ads .vad[data-v="serp"] .vad__serp, :root .sig--vis-ads.vad[data-v="serp"] .vad__serp, :root .sig--vis-ads .vad[data-v="land"] .vad__land, :root .sig--vis-ads.vad[data-v="land"] .vad__land { opacity: 1; visibility: visible; transform: none; transition: opacity .5s, transform .8s var(--ease-out), visibility 0s; }
:root .sig--vis-ads .vad__serp, :root .sig--vis-ads.vad__serp { transform: translateY(20px); }
:root .sig--vis-ads .vad__land, :root .sig--vis-ads.vad__land { transform: translateX(40%); background: #fff; }
:root .sig--vis-ads .vad__plan, :root .sig--vis-ads.vad__plan { display: flex; flex-direction: column; gap: 14px; }
:root .sig--vis-ads .vad__tray, :root .sig--vis-ads.vad__tray { display: flex; flex-wrap: wrap; gap: 6px; min-height: 64px; align-content: flex-start; padding: 10px; border-radius: 14px; border: 1.5px dashed #ddd2e8; }
:root .sig--vis-ads .vad__kw, :root .sig--vis-ads.vad__kw { display: inline-block; padding: 7px 11px; border-radius: 999px; background: #efe7f7; color: #3b2650; font: 500 12px/1 var(--f-body); white-space: nowrap; transition: background .4s, color .4s, box-shadow .4s, transform .3s var(--ease-back); }
:root .sig--vis-ads .vad__kw.pick, :root .sig--vis-ads.vad__kw.pick { transform: scale(1.08); box-shadow: 0 10px 20px -8px rgba(90, 0, 160, .5); }
:root .sig--vis-ads .vad__col--in .vad__kw, :root .sig--vis-ads.vad__col--in .vad__kw { background: #a100ff; color: #fff; }
:root .sig--vis-ads .vad__col--out .vad__kw, :root .sig--vis-ads.vad__col--out .vad__kw { background: #ece9ef; color: #6d6475; text-decoration: line-through; text-decoration-color: #a99fb3; }
:root .sig--vis-ads .vad__cols, :root .sig--vis-ads.vad__cols { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-height: 0; }
:root .sig--vis-ads .vad__col, :root .sig--vis-ads.vad__col { padding: 10px; border-radius: 14px; background: #f4eff9; }
:root .sig--vis-ads .vad__col--out, :root .sig--vis-ads.vad__col--out { background: #f3f1f5; }
:root .sig--vis-ads .vad__col small, :root .sig--vis-ads.vad__col small { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font: 600 11.5px/1 var(--f-display); color: #4a2a6a; }
:root .sig--vis-ads .vad__col--out small, :root .sig--vis-ads.vad__col--out small { color: #5e5666; }
:root .sig--vis-ads .vad__col small svg, :root .sig--vis-ads.vad__col small svg { width: 14px; height: 14px; stroke-width: 2.6; }
:root .sig--vis-ads .vad__drop, :root .sig--vis-ads.vad__drop { display: flex; flex-wrap: wrap; gap: 6px; align-content: flex-start; }
:root .sig--vis-ads .vad__q, :root .sig--vis-ads.vad__q { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 16px; border-radius: 999px; background: #fff; border: 1px solid #e3dceb; font: 500 13.5px/1 var(--f-body); transition: border-color .4s, box-shadow .4s; }
:root .sig--vis-ads .vad__q svg, :root .sig--vis-ads.vad__q svg { width: 17px; height: 17px; color: #8a7f96; flex: none; }
:root .sig--vis-ads .vad__qt, :root .sig--vis-ads.vad__qt { white-space: nowrap; overflow: hidden; }
:root .sig--vis-ads .is-typing .vad__q, :root .sig--vis-ads.is-typing .vad__q { border-color: #c9a6ea; box-shadow: 0 0 0 4px rgba(161, 0, 255, .12); }
:root .sig--vis-ads .vad__res, :root .sig--vis-ads.vad__res { display: grid; gap: 14px; margin-top: 14px; }
:root .sig--vis-ads .vad__ad, :root .sig--vis-ads.vad__ad { display: grid; gap: 4px; padding: 0 12px; max-height: 0; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px rgba(161, 0, 255, 0); transition: max-height .9s var(--ease-out), padding .9s var(--ease-out), box-shadow .6s; }
:root .sig--vis-ads .is-ad .vad__ad, :root .sig--vis-ads.is-ad .vad__ad { max-height: 190px; padding: 12px; box-shadow: 0 0 0 1px rgba(161, 0, 255, .25), 0 16px 34px -18px rgba(90, 0, 160, .5); }
:root .sig--vis-ads .vad__ad small, :root .sig--vis-ads.vad__ad small { font: 400 12px/1.2 var(--f-body); color: #4b4453; }
:root .sig--vis-ads .vad__ad small b, :root .sig--vis-ads.vad__ad small b { color: #1d1a22; font-weight: 600; }
:root .sig--vis-ads .vad__t, :root .sig--vis-ads.vad__t { margin: 0; font: 600 clamp(14px, 2.6cqw, 16.5px)/1.25 var(--f-display); letter-spacing: -.015em; color: #5b00a8; }
:root .sig--vis-ads .vad__d, :root .sig--vis-ads.vad__d { margin: 0; font: 400 12.5px/1.45 var(--f-body); color: #4b4453; }
:root .sig--vis-ads .vad__ext, :root .sig--vis-ads.vad__ext { display: flex; gap: 6px; margin-top: 4px; }
:root .sig--vis-ads .vad__ext span, :root .sig--vis-ads.vad__ext span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; border: 1px solid #e0d6ea; font: 500 11.5px/1 var(--f-body); color: #5b00a8; }
:root .sig--vis-ads .vad__ext svg, :root .sig--vis-ads.vad__ext svg { width: 13px; height: 13px; }
:root .sig--vis-ads .vad__r, :root .sig--vis-ads.vad__r { display: grid; gap: 7px; padding: 0 12px; }
:root .sig--vis-ads .vad__b, :root .sig--vis-ads.vad__b { display: block; height: 7px; border-radius: 4px; background: #e9e3ef; }
:root .sig--vis-ads .vad__b:nth-child(2), :root .sig--vis-ads.vad__b:nth-child(2) { height: 10px; background: #dcd2e6; }
:root .sig--vis-ads .vad__land, :root .sig--vis-ads.vad__land { display: flex; flex-direction: column; gap: 12px; }
:root .sig--vis-ads .vad__ln, :root .sig--vis-ads.vad__ln { display: flex; align-items: center; gap: 10px; }
:root .sig--vis-ads .vad__ln b, :root .sig--vis-ads.vad__ln b { font: 600 13px/1 var(--f-display); color: #3b0066; margin-right: auto; }
:root .sig--vis-ads .vad__ln span, :root .sig--vis-ads.vad__ln span { width: 34px; height: 6px; border-radius: 3px; background: #e6deee; }
:root .sig--vis-ads .vad__ln em, :root .sig--vis-ads.vad__ln em { width: 28px; height: 28px; padding: 6px; border-radius: 50%; display: grid; place-items: center; background: #a100ff; color: #fff; }
:root .sig--vis-ads .vad__ln em svg, :root .sig--vis-ads.vad__ln em svg { width: 100%; height: 100%; }
:root .sig--vis-ads .vad__lh, :root .sig--vis-ads.vad__lh { padding: 16px; border-radius: 14px; background: linear-gradient(135deg, #a100ff, #5b00a8); color: #fff; }
:root .sig--vis-ads .vad__lt, :root .sig--vis-ads.vad__lt { margin: 0 0 8px; font: 600 clamp(16px, 3.4cqw, 22px)/1.1 var(--f-display); letter-spacing: -.03em; }
:root .sig--vis-ads .vad__lh ul, :root .sig--vis-ads.vad__lh ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font: 500 12px/1.3 var(--f-body); color: #f3e6ff; }
:root .sig--vis-ads .vad__lh li, :root .sig--vis-ads.vad__lh li { display: flex; align-items: center; gap: 5px; }
:root .sig--vis-ads .vad__lh li svg, :root .sig--vis-ads.vad__lh li svg { width: 13px; height: 13px; stroke-width: 2.6; }
:root .sig--vis-ads .vad__form, :root .sig--vis-ads.vad__form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: end; }
:root .sig--vis-ads .vad__form label, :root .sig--vis-ads.vad__form label { display: grid; gap: 5px; font: 500 11px/1 var(--f-body); color: #5b5363; }
:root .sig--vis-ads .vad__form label i, :root .sig--vis-ads.vad__form label i { position: relative; display: block; height: 32px; border-radius: 9px; border: 1px solid #e0d6ea; background: #fff; overflow: hidden; }
:root .sig--vis-ads .vad__form label i::after, :root .sig--vis-ads.vad__form label i::after { content: ""; position: absolute; left: 10px; top: 13px; height: 6px; width: 0; border-radius: 3px; background: #5b5363; transition: width .5s var(--ease-out); }
:root .sig--vis-ads .vad__form label.on i, :root .sig--vis-ads.vad__form label.on i { border-color: #b98be2; }
:root .sig--vis-ads .vad__form label.on i::after, :root .sig--vis-ads.vad__form label.on i::after { width: 55%; }
:root .sig--vis-ads .vad__send, :root .sig--vis-ads.vad__send { grid-column: 1 / -1; height: 38px; border: 0; border-radius: 999px; background: #1d1a22; color: #fff; font: 600 12.5px/1 var(--f-display); transition: transform .15s, background .3s; }
:root .sig--vis-ads .vad__send.press, :root .sig--vis-ads.vad__send.press { transform: scale(.95); background: #a100ff; }
:root .sig--vis-ads .vad__ok, :root .sig--vis-ads.vad__ok { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 12px; background: rgba(255, 255, 255, .94); opacity: 0; transition: opacity .4s; }
:root .sig--vis-ads .vad__ok svg, :root .sig--vis-ads.vad__ok svg { width: 64px; height: 64px; stroke: #a100ff; stroke-width: 3; }
:root .sig--vis-ads .vad__ok circle, :root .sig--vis-ads.vad__ok circle { stroke-dasharray: 145; stroke-dashoffset: 145; transition: stroke-dashoffset .8s var(--ease-out) .1s; }
:root .sig--vis-ads .vad__ok path, :root .sig--vis-ads.vad__ok path { stroke-dasharray: 40; stroke-dashoffset: 40; transition: stroke-dashoffset .5s var(--ease-out) .7s; }
:root .sig--vis-ads .vad__ok b, :root .sig--vis-ads.vad__ok b { font: 600 16px/1 var(--f-display); color: #3b0066; opacity: 0; transform: translateY(8px); transition: opacity .4s .9s, transform .6s var(--ease-out) .9s; }
:root .sig--vis-ads .is-ok .vad__ok, :root .sig--vis-ads.is-ok .vad__ok { opacity: 1; }
:root .sig--vis-ads .is-ok .vad__ok circle, :root .sig--vis-ads.is-ok .vad__ok circle, :root .sig--vis-ads .is-ok .vad__ok path, :root .sig--vis-ads.is-ok .vad__ok path { stroke-dashoffset: 0; }
:root .sig--vis-ads .is-ok .vad__ok b, :root .sig--vis-ads.is-ok .vad__ok b { opacity: 1; transform: none; }
:root .sig--vis-ads .vad__cur, :root .sig--vis-ads.vad__cur { position: absolute; z-index: 5; left: 85%; top: 90%; width: 22px; height: 22px; fill: #fff !important; stroke: #1d1a22 !important; stroke-width: 1.5 !important; opacity: 0; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .3)); transition: left .9s cubic-bezier(.65, 0, .35, 1), top .9s cubic-bezier(.65, 0, .35, 1), opacity .3s, transform .15s; }
:root .sig--vis-ads .vad__cur.on, :root .sig--vis-ads.vad__cur.on { opacity: 1; }
:root .sig--vis-ads .vad__cur.click, :root .sig--vis-ads.vad__cur.click { transform: scale(.82); }
:root .sig--vis-ads .vad__q3, :root .sig--vis-ads.vad__q3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
:root .sig--vis-ads .vad__q3 li, :root .sig--vis-ads.vad__q3 li { position: relative; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--line-2); color: var(--ink-2); font: 500 12.5px/1 var(--f-display); overflow: hidden; transition: color .5s, border-color .5s, background .5s; }
:root .sig--vis-ads .vad__q3 li span, :root .sig--vis-ads.vad__q3 li span { width: 20px; height: 20px; flex: none; padding: 4px; border-radius: 50%; border: 1px solid var(--line-2); color: transparent; transition: background .4s, border-color .4s, color .4s; }
:root .sig--vis-ads .vad__q3 li span svg, :root .sig--vis-ads.vad__q3 li span svg { width: 100%; height: 100%; stroke-width: 3; display: block; }
:root .sig--vis-ads .vad__q3 li.on, :root .sig--vis-ads.vad__q3 li.on { color: #fff; border-color: rgba(161, 0, 255, .55); background: rgba(161, 0, 255, .14); }
:root .sig--vis-ads .vad__q3 li.on span, :root .sig--vis-ads.vad__q3 li.on span { background: var(--v); border-color: var(--v); color: #fff; }
@container (max-width: 420px){:root .sig--vis-ads .vad__d, :root .sig--vis-ads.vad__d { display: none; }
:root .sig--vis-ads .vad__q3 li, :root .sig--vis-ads.vad__q3 li { padding: 9px 8px; font-size: 11.5px; gap: 6px; }
 }
:root .sig--vis-ads .vad__tiles, :root .sig--vis-ads.vad__tiles { flex: 1; min-height: 0; max-height: 90px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
:root .sig--vis-ads .vad__tiles i, :root .sig--vis-ads.vad__tiles i { border-radius: 12px; background: linear-gradient(160deg, #f4eff9, #ece4f3); }