/*
 * Astro Việt Core – giao diện dùng chung (tối huyền bí).
 * Các biến --av-* được theme dùng lại, nên đổi màu ở đây là đổi cả site.
 */
:root {
  --av-bg: #0b0a1a;
  --av-bg-2: #110f26;
  --av-surface: #16142f;
  --av-surface-2: #1d1a3c;
  --av-line: rgba(196, 186, 255, .14);
  --av-line-strong: rgba(196, 186, 255, .28);
  --av-text: #ece9f7;
  --av-muted: #a5a0c4;
  --av-gold: #e6c27a;
  --av-gold-2: #f3dca4;
  --av-gold-deep: #c8964a;
  --av-violet: #8b7cf6;
  --av-teal: #6fc3c0;
  --av-rose: #e8707d;
  --av-fire: #ff8f70;
  --av-earth: #a5d16f;
  --av-air: #f2cf6b;
  --av-water: #6cb6ee;
  --av-radius: 16px;
  --av-radius-sm: 10px;
  --av-shadow: 0 18px 50px -20px rgba(0, 0, 0, .7);
  --av-font-body: 'Be Vietnam Pro', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --av-font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
}

.av-app { color: var(--av-text); font-family: var(--av-font-body); font-size: 16px; line-height: 1.65; }
.av-app *, .av-app *::before, .av-app *::after { box-sizing: border-box; }
.av-app h2, .av-app h3, .av-app h4 { font-family: var(--av-font-display); font-weight: 600; line-height: 1.2; margin: 0 0 .5em; color: var(--av-text); letter-spacing: .005em; }
.av-app h4 { font-size: 1.3rem; }
.av-app h2, .av-app h3, .av-app h4 { font-variant-numeric: lining-nums; font-feature-settings: 'lnum' 1; }
.av-app legend { padding: 0; }
.av-app p { margin: 0 0 1em; }
.av-app a { color: var(--av-gold); text-underline-offset: 3px; }
.av-app a:hover { color: var(--av-gold-2); }
.av-app [hidden] { display: none !important; }
.av-muted { color: var(--av-muted); }
.av-eyebrow { font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--av-gold); margin: 0 0 .5rem !important; font-weight: 500; }

/* ---------- Nút ---------- */
.av-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 46px; padding: .65rem 1.4rem; border-radius: 999px; border: 1px solid var(--av-line-strong); background: transparent; color: var(--av-text) !important; font: 500 .95rem/1.2 var(--av-font-body); text-decoration: none !important; cursor: pointer; transition: transform .15s, background .2s, border-color .2s, box-shadow .2s; }
.av-btn:hover { border-color: var(--av-gold); background: rgba(230, 194, 122, .08); }
.av-btn:focus-visible, .av-app input:focus-visible, .av-app select:focus-visible, .av-app textarea:focus-visible, .av-app summary:focus-visible { outline: 2px solid var(--av-gold); outline-offset: 2px; }
.av-btn--primary { background: linear-gradient(135deg, var(--av-gold-2), var(--av-gold) 45%, var(--av-gold-deep)); color: #1a1330 !important; border-color: transparent; font-weight: 600; box-shadow: 0 10px 30px -12px rgba(230, 194, 122, .6); }
.av-btn--primary:hover { background: linear-gradient(135deg, #fff0c4, var(--av-gold-2) 45%, var(--av-gold)); transform: translateY(-1px); border-color: transparent; }
.av-btn--ghost { padding: .5rem 1.05rem; min-height: 40px; font-size: .88rem; }
.av-btn--block { width: 100%; }
.av-btn[disabled] { opacity: .55; cursor: not-allowed; transform: none; }

/* ---------- Thẻ, ghi chú, bảng ---------- */
.av-card { background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)); border: 1px solid var(--av-line); border-radius: var(--av-radius); padding: 1.4rem 1.5rem; }
.av-card > :last-child { margin-bottom: 0; }
.av-note { border: 1px solid var(--av-line-strong); background: rgba(139, 124, 246, .08); border-radius: var(--av-radius-sm); padding: .9rem 1.1rem; margin: 0 0 1.5rem; font-size: .93rem; }
.av-note--warn { border-color: rgba(230, 194, 122, .45); background: rgba(230, 194, 122, .08); }
.av-note--ok { border-color: rgba(111, 195, 192, .5); background: rgba(111, 195, 192, .08); }
.av-note--err { border-color: rgba(232, 112, 125, .5); background: rgba(232, 112, 125, .08); }
.av-grid { display: grid; gap: 1.1rem; }
.av-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.av-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 860px) { .av-grid--3 { grid-template-columns: 1fr; } .av-grid--2 { grid-template-columns: 1fr; } }

.av-table-wrap { overflow-x: auto; border: 1px solid var(--av-line); border-radius: var(--av-radius-sm); -webkit-overflow-scrolling: touch; }
.av-table { width: 100%; border-collapse: collapse; font-size: .92rem; min-width: 520px; }
.av-table th, .av-table td { padding: .65rem .9rem; text-align: left; border-bottom: 1px solid var(--av-line); vertical-align: middle; }
.av-table thead th { font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--av-muted); font-weight: 500; background: rgba(255, 255, 255, .03); }
.av-table tbody tr:last-child th, .av-table tbody tr:last-child td { border-bottom: 0; }
.av-table tbody th { font-weight: 500; white-space: nowrap; }
.av-table--planets tbody tr { cursor: pointer; transition: background .15s; }
.av-table--planets tbody tr:hover, .av-table tr.is-active { background: rgba(230, 194, 122, .09); }

.av-glyph { display: inline-block; vertical-align: middle; flex: none; }
.av-pl { display: inline-flex; align-items: center; gap: .55rem; }
.av-pl--inline { margin-right: .6rem; white-space: nowrap; }
.av-pl .av-glyph { color: var(--av-gold-2); }
.av-ac { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 .3rem; border-radius: 6px; background: rgba(230, 194, 122, .16); color: var(--av-gold-2); font-size: .68rem; font-weight: 700; letter-spacing: .05em; }
.av-ac--lg { min-width: 44px; height: 44px; font-size: .95rem; border-radius: 12px; }
.av-sign { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.av-el-fire .av-glyph { color: var(--av-fire); } .av-el-earth .av-glyph { color: var(--av-earth); } .av-el-air .av-glyph { color: var(--av-air); } .av-el-water .av-glyph { color: var(--av-water); }
.av-retro { color: var(--av-rose); font-weight: 500; }

/* ---------- Form nhập ---------- */
.av-form-card { max-width: 760px; margin: 0 auto; background: linear-gradient(180deg, rgba(29, 26, 60, .85), rgba(18, 16, 40, .9)); border: 1px solid var(--av-line-strong); border-radius: 22px; padding: clamp(1.4rem, 4vw, 2.4rem); box-shadow: var(--av-shadow); position: relative; }
.av-form-card::before { content: ''; position: absolute; inset: -1px; border-radius: 22px; padding: 1px; background: linear-gradient(140deg, rgba(230, 194, 122, .55), transparent 35%, transparent 65%, rgba(139, 124, 246, .5)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.av-form__title { font-size: clamp(1.7rem, 4vw, 2.2rem); text-align: center; margin-bottom: .3em !important; }
.av-form__lead { text-align: center; color: var(--av-muted); max-width: 520px; margin: 0 auto 1.8rem !important; }
.av-field { margin-bottom: 1.2rem; }
.av-field > label, .av-field > .av-label, .av-legend { display: block; font-size: .85rem; font-weight: 500; margin-bottom: .45rem; color: var(--av-text); }
.av-field small, .av-hint { display: block; color: var(--av-muted); font-size: .82rem; margin-top: .4rem; line-height: 1.5; }
.av-app input[type=text], .av-app input[type=number], .av-app input[type=email], .av-app input[type=password], .av-app input[type=search], .av-app input[type=tel], .av-app select, .av-app textarea {
  width: 100%; min-height: 48px; padding: .7rem .95rem; background: rgba(8, 7, 22, .65); color: var(--av-text); border: 1px solid var(--av-line-strong); border-radius: var(--av-radius-sm); font: 400 1rem/1.4 var(--av-font-body); transition: border-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none;
}
.av-app select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a5a0c4' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .95rem center; padding-right: 2.4rem; }
.av-app select option { background: #16142f; color: var(--av-text); }
.av-app input::placeholder, .av-app textarea::placeholder { color: rgba(165, 160, 196, .6); }
.av-app input:focus, .av-app select:focus, .av-app textarea:focus { border-color: var(--av-gold); box-shadow: 0 0 0 3px rgba(230, 194, 122, .16); outline: none; }
.av-app input[disabled] { opacity: .45; }
.av-app textarea { min-height: 140px; resize: vertical; }
.av-row { display: grid; gap: .8rem; }
.av-row--date { grid-template-columns: 1fr 1fr 1.5fr; max-width: 420px; }
.av-row--time { grid-template-columns: 1fr 1fr; max-width: 280px; }
.av-row--2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 560px) { .av-row--2 { grid-template-columns: 1fr; } }
.av-time-row.is-disabled { opacity: .5; }
.av-check { display: flex; gap: .65rem; align-items: flex-start; margin-top: .8rem; font-size: .93rem; cursor: pointer; }
.av-check input { width: 20px; height: 20px; min-height: 0; margin-top: 3px; accent-color: var(--av-gold); flex: none; }
.av-combobox { position: relative; }
.av-suggest { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: .35rem; list-style: none; background: #1a1738; border: 1px solid var(--av-line-strong); border-radius: var(--av-radius-sm); box-shadow: var(--av-shadow); max-height: 280px; overflow-y: auto; }
.av-suggest li { padding: .6rem .8rem; border-radius: 8px; cursor: pointer; font-size: .95rem; }
.av-suggest li:hover, .av-suggest li.is-active { background: rgba(230, 194, 122, .14); color: var(--av-gold-2); }
.av-advanced { border: 1px dashed var(--av-line-strong); border-radius: var(--av-radius-sm); padding: .8rem 1rem; margin-bottom: 1.4rem; }
.av-advanced summary { cursor: pointer; font-size: .9rem; color: var(--av-muted); }
.av-advanced[open] summary { margin-bottom: 1rem; color: var(--av-text); }
.av-advanced .av-row { margin-bottom: .4rem; }
.av-segment { display: flex; flex-wrap: wrap; gap: .5rem; }
.av-segment label { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid var(--av-line-strong); border-radius: 999px; padding: .45rem 1rem; cursor: pointer; font-size: .9rem; }
.av-segment input { position: absolute; opacity: 0; pointer-events: none; }
.av-segment label:has(input:checked) { border-color: var(--av-gold); background: rgba(230, 194, 122, .12); color: var(--av-gold-2); }
.av-form__errors { border: 1px solid rgba(232, 112, 125, .55); background: rgba(232, 112, 125, .1); border-radius: var(--av-radius-sm); padding: .9rem 1.2rem; margin-bottom: 1.2rem; font-size: .92rem; }
.av-form__errors p { margin: 0 0 .3rem; } .av-form__errors ul { margin: 0; padding-left: 1.2rem; }
.av-form__privacy { text-align: center; font-size: .82rem; color: var(--av-muted); margin: 1rem 0 0 !important; }
.av-form__loading { display: none; text-align: center; padding: 2.5rem 1rem; }
.av-app.is-loading .av-form__loading { display: block; } .av-app.is-loading form { display: none; }
.av-orbit { width: 84px; height: 84px; margin: 0 auto 1rem; border: 1px solid var(--av-line-strong); border-radius: 50%; position: relative; animation: av-spin 3s linear infinite; }
.av-orbit::before, .av-orbit::after { content: ''; position: absolute; border-radius: 50%; background: var(--av-gold); }
.av-orbit::before { width: 10px; height: 10px; top: -5px; left: calc(50% - 5px); box-shadow: 0 0 14px var(--av-gold); }
.av-orbit::after { width: 6px; height: 6px; bottom: 8px; right: 8px; background: var(--av-violet); }
@keyframes av-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .av-orbit { animation: none; } .av-btn { transition: none; } }

/* ---------- Trang kết quả ---------- */
.av-result__head { text-align: center; margin-bottom: 2rem; }
.av-result__name { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: .3em !important; }
.av-result__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem .6rem; color: var(--av-muted); font-size: .9rem; margin: 0 0 1.2rem !important; }
.av-result__meta span { padding: .25rem .8rem; border: 1px solid var(--av-line); border-radius: 999px; }
.av-actions { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; }
.av-toast { display: inline-block; margin: 1rem auto 0 !important; padding: .55rem 1rem; border-radius: 999px; background: rgba(111, 195, 192, .14); border: 1px solid rgba(111, 195, 192, .4); font-size: .88rem; max-width: 560px; }

.av-chart-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; margin-bottom: 3rem; }
@media (max-width: 900px) { .av-chart-layout { grid-template-columns: 1fr; } }
.av-chart-wheel { background: radial-gradient(circle at 50% 45%, rgba(139, 124, 246, .14), transparent 68%), var(--av-bg); border: 1px solid var(--av-line); border-radius: 22px; padding: clamp(.4rem, 2vw, 1.1rem); }
.av-chart-wheel svg { display: block; width: 100%; height: auto; }
.av-planet { outline: none; }
.av-planet:hover path, .av-planet.is-active path { fill: var(--av-gold-2); }
.av-planet.is-active text { font-weight: 700; }
.av-planet:focus-visible circle { stroke: var(--av-gold); stroke-width: 1.5; }
.av-chart-panel { position: sticky; top: 90px; background: linear-gradient(180deg, rgba(29, 26, 60, .8), rgba(18, 16, 40, .8)); border: 1px solid var(--av-line-strong); border-radius: 22px; padding: 1.6rem; }
@media (max-width: 900px) { .av-chart-panel { position: static; } }
.av-panel__head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.av-panel__head h4 { margin: 0; font-size: 1.6rem; }
.av-panel__glyph { color: var(--av-gold-2); }
.av-panel__pos { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .7rem 0; border-block: 1px solid var(--av-line); margin-bottom: 1rem !important; }
.av-link { font-weight: 500; }

.av-section { margin: 0 0 3.2rem; }
.av-section__title { font-size: clamp(1.6rem, 3.5vw, 2.1rem); margin-bottom: .4em !important; display: flex; align-items: center; gap: .8rem; }
.av-section__title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--av-line-strong), transparent); }
.av-section__lead { color: var(--av-muted); max-width: 720px; }
.av-big3 { text-align: left; }
.av-big3__glyph { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: rgba(230, 194, 122, .12); color: var(--av-gold-2); margin-bottom: .9rem; }
.av-big3 h4 { margin-bottom: .1em; }
.av-big3__pos { color: var(--av-gold); font-size: .9rem; margin-bottom: .8rem !important; }

.av-aspect-layout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.5rem; align-items: start; }
@media (max-width: 900px) { .av-aspect-layout { grid-template-columns: 1fr; } }
.av-aspgrid { border-collapse: collapse; margin: .6rem; }
.av-aspgrid th, .av-aspgrid td { width: 34px; height: 34px; text-align: center; border: 1px solid var(--av-line); padding: 0; vertical-align: middle; }
.av-aspgrid th { color: var(--av-gold-2); background: rgba(255, 255, 255, .03); }
.av-aspgrid td span { display: inline-flex; }
.av-aspgrid__foot td { border: 0; } .av-aspgrid__foot th { border-top: 1px solid var(--av-line); }
.is-conj { color: var(--av-gold); } .is-good { color: var(--av-teal); } .is-hard { color: var(--av-rose); }
.av-aspect-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.av-aspect-list li { display: flex; gap: .8rem; padding: .8rem 1rem; border: 1px solid var(--av-line); border-radius: var(--av-radius-sm); background: rgba(255, 255, 255, .025); font-size: .92rem; line-height: 1.55; }
.av-aspect-list li > div { color: var(--av-text); }
.av-aspect-list__icon { flex: none; margin-top: 2px; }

.av-bar { display: grid; grid-template-columns: 74px 1fr 24px; align-items: center; gap: .8rem; margin-bottom: .7rem; font-size: .92rem; }
.av-bar__track { height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .07); overflow: hidden; }
.av-bar__fill { display: block; height: 100%; border-radius: 999px; }
.av-bar__val { text-align: right; color: var(--av-muted); }

.av-cta { display: grid; grid-template-columns: 1.2fr 1fr; gap: 1.5rem; align-items: center; padding: clamp(1.4rem, 4vw, 2.4rem); margin: 0 0 3.2rem; border-radius: 22px; border: 1px solid rgba(230, 194, 122, .35); background: radial-gradient(circle at 90% 20%, rgba(139, 124, 246, .22), transparent 55%), linear-gradient(160deg, #1d1a3c, #121028); }
@media (max-width: 800px) { .av-cta { grid-template-columns: 1fr; } }
.av-cta h3 { font-size: clamp(1.5rem, 3.5vw, 2rem); }
.av-cta__preview { position: relative; border-radius: var(--av-radius-sm); overflow: hidden; }
.av-teaser { display: grid; grid-template-columns: repeat(16, 1fr); gap: 3px; filter: blur(2.5px); }
.av-teaser i { display: block; aspect-ratio: 1; border-radius: 3px; background: var(--av-gold); }
.av-cta__lock { position: absolute; inset: 0; display: grid; place-items: center; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; background: rgba(11, 10, 26, .35); color: var(--av-gold-2); }

.av-link-card { display: flex; flex-direction: column; gap: .3rem; text-decoration: none !important; transition: transform .2s, border-color .2s; }
.av-link-card:hover { transform: translateY(-3px); border-color: var(--av-gold); }
.av-link-card strong { font-family: var(--av-font-display); font-size: 1.35rem; color: var(--av-text); font-weight: 600; }
.av-link-card span:last-child { color: var(--av-muted); font-size: .9rem; }
.av-disclaimer { font-size: .84rem; color: var(--av-muted); border-top: 1px solid var(--av-line); padding-top: 1.2rem; max-width: 820px; margin: 0 auto !important; text-align: center; }
.av-empty { text-align: center; padding: 3rem 1rem; max-width: 560px; margin: 0 auto; }

/* ---------- Khối thanh toán / tài khoản / liên hệ dùng chung ---------- */
.av-panel { background: linear-gradient(180deg, rgba(29, 26, 60, .8), rgba(18, 16, 40, .85)); border: 1px solid var(--av-line-strong); border-radius: 22px; padding: clamp(1.3rem, 3vw, 2rem); }
.av-badge { display: inline-block; padding: .2rem .7rem; border-radius: 999px; font-size: .74rem; letter-spacing: .06em; font-weight: 600; background: rgba(230, 194, 122, .16); color: var(--av-gold-2); }
.av-badge--ok { background: rgba(111, 195, 192, .18); color: var(--av-teal); }
.av-badge--warn { background: rgba(232, 112, 125, .16); color: var(--av-rose); }
.av-badge--mute { background: rgba(255, 255, 255, .08); color: var(--av-muted); }
.av-demo-flag { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; color: var(--av-gold); border: 1px dashed rgba(230, 194, 122, .5); border-radius: 999px; padding: .2rem .8rem; }

/* ---------- Đăng nhập, tài khoản, liên hệ, hỏi đáp ---------- */
.av-login__box { max-width: 460px; margin: 0 auto; }
.av-login form p { margin: 0 0 1.1rem; }
.av-login form label { display: block; font-size: .85rem; font-weight: 500; margin-bottom: .45rem; }
.av-login form .login-remember label { display: flex; align-items: center; gap: .6rem; font-weight: 400; color: var(--av-muted); }
.av-login form input[type=checkbox] { width: 18px; height: 18px; min-height: 0; accent-color: var(--av-gold); }
.av-login form input[type=submit] { width: 100%; min-height: 48px; border: 0; border-radius: 999px; cursor: pointer; font: 600 .98rem var(--av-font-body); color: #1a1330; background: linear-gradient(135deg, var(--av-gold-2), var(--av-gold) 45%, var(--av-gold-deep)); }
.av-login__links { text-align: center; margin: 1.2rem 0 0 !important; font-size: .9rem; }
.av-login__sep { border: 0; border-top: 1px solid var(--av-line); margin: 1.4rem 0; }
.av-account__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.6rem; }
.av-saved { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.av-saved li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .8rem; padding: .9rem 1.1rem; border: 1px solid var(--av-line); border-radius: var(--av-radius-sm); background: rgba(255, 255, 255, .025); }
.av-saved__actions { display: flex; gap: .5rem; }
.av-contact__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 1.4rem; align-items: start; }
@media (max-width: 900px) { .av-contact__grid { grid-template-columns: 1fr; } }
.av-contact__side { display: grid; gap: 1rem; }
.av-contact__faq { margin-top: 3.2rem; max-width: 820px; margin-inline: auto; }
.av-faq { display: grid; gap: .7rem; }
.av-faq details { border: 1px solid var(--av-line); border-radius: var(--av-radius-sm); background: rgba(255, 255, 255, .025); padding: 0 1.2rem; }
.av-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 500; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.av-faq summary::-webkit-details-marker { display: none; }
.av-faq summary::after { content: '+'; color: var(--av-gold); font-size: 1.3rem; line-height: 1; }
.av-faq details[open] summary::after { content: '–'; }
.av-faq details p { color: var(--av-muted); padding-bottom: .4rem; }

/* Ô tích tuỳ biến cho nền tối */
.av-app input[type=checkbox], .av-app input[type=radio] { -webkit-appearance: none; appearance: none; display: inline-grid; place-content: center; width: 20px; height: 20px; min-height: 0; margin: 0; border: 1.5px solid var(--av-line-strong); background: rgba(8, 7, 22, .65); cursor: pointer; flex: none; }
.av-app input[type=checkbox] { border-radius: 6px; }
.av-app input[type=checkbox]::after { content: ''; width: 10px; height: 6px; border-left: 2.2px solid #1a1330; border-bottom: 2.2px solid #1a1330; transform: rotate(-45deg) scale(0); margin-top: -2px; transition: transform .12s; }
.av-app input[type=checkbox]:checked { background: var(--av-gold); border-color: var(--av-gold); }
.av-app input[type=checkbox]:checked::after { transform: rotate(-45deg) scale(1); }
.av-app input[type=radio] { border-radius: 50%; }
.av-app input[type=radio]:checked { border-color: var(--av-gold); background: radial-gradient(circle, var(--av-gold) 0 42%, transparent 46%); }
.av-segment input[type=radio] { position: static; opacity: 1; pointer-events: auto; width: 16px; height: 16px; }
.av-check input[type=checkbox] { margin-top: 2px; }