.addxv { --addxv-navy:#242f51; --addxv-accent:#1bd3be; --addxv-grad:linear-gradient(90deg,#41bef0,#1bd3be); --addxv-ink:#1d1f27; --addxv-muted:#6b7080; --addxv-line:#e3e6ee; --addxv-soft:#f4f6fa; --addxv-err:#c0392b; --addxv-ok:#138a6b; --addxv-warn:#b7791f;
color:var(--addxv-ink); font-size:16px; line-height:1.5; max-width:1100px; margin:0 auto; }
.addxv *, .addxv *::before, .addxv *::after { box-sizing:border-box; }
.addxv h2 { font-size:1.6rem; margin:.2em 0; color:var(--addxv-navy); }
.addxv h3 { font-size:1.15rem; margin:0 0 .4em; color:var(--addxv-navy); }
.addxv-muted { color:var(--addxv-muted); font-size:.92rem; }
.addxv-top { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding:18px 22px; border-radius:14px; background:var(--addxv-navy); color:#fff; position:relative; overflow:hidden; }
.addxv-top::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--addxv-grad); }
.addxv-brand { display:flex; flex-direction:column; }
.addxv-brand strong { font-size:1.15rem; }
.addxv-eyebrow { font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; opacity:.7; }
.addxv-coins { display:flex; align-items:baseline; gap:10px; background:rgba(255,255,255,.08); padding:8px 14px; border-radius:10px; }
.addxv-coins span { font-size:.8rem; opacity:.75; }
.addxv-coins a { color:var(--addxv-accent); font-weight:600; text-decoration:none; }
.addxv-tabs { display:flex; gap:4px; margin:14px 0 18px; border-bottom:1px solid var(--addxv-line); overflow-x:auto; }
.addxv-tabs a { padding:10px 16px; text-decoration:none; color:var(--addxv-muted); font-weight:600; border-bottom:3px solid transparent; white-space:nowrap; }
.addxv-tabs a.is-active { color:var(--addxv-navy); border-bottom-color:var(--addxv-accent); }
.addxv-notice { padding:12px 16px; border-radius:10px; margin:0 0 16px; background:var(--addxv-soft); border-left:4px solid var(--addxv-navy); }
.addxv-notice--ok { border-color:var(--addxv-ok); background:#eef9f5; }
.addxv-notice--err { border-color:var(--addxv-err); background:#fdf1ef; }
.addxv-notice--warn { border-color:var(--addxv-warn); background:#fdf8ee; }
.addxv-filter { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.addxv-filter button { border:1px solid var(--addxv-line); background:#fff; border-radius:999px; padding:6px 14px; cursor:pointer; font:inherit; font-size:.9rem; color:var(--addxv-ink); }
.addxv-filter button.is-active { background:var(--addxv-navy); color:#fff; border-color:var(--addxv-navy); }
.addxv-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.addxv-tpl { display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid var(--addxv-line); border-radius:14px; text-decoration:none; color:var(--addxv-ink); background:#fff; transition:box-shadow .15s, transform .15s; }
.addxv-tpl:hover { box-shadow:0 8px 24px rgba(36,47,81,.1); transform:translateY(-2px); }
.addxv-tpl[hidden] { display:none; }
.addxv-tpl strong { font-size:1.05rem; color:var(--addxv-navy); }
.addxv-tpl__cat { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--addxv-muted); }
.addxv-tpl__desc { font-size:.9rem; color:var(--addxv-muted); flex:1; }
.addxv-tpl__go { font-weight:600; color:var(--addxv-navy); font-size:.9rem; }
.addxv-tpl__go::after { content:" →"; }
.addxv-head p { color:var(--addxv-muted); margin:0; }
.addxv-backlink { font-size:.9rem; text-decoration:none; color:var(--addxv-muted); }
.addxv-lead { margin:14px 0 18px; padding:12px 16px; background:var(--addxv-soft); border-radius:10px; font-size:.95rem; }
.addxv-lead p { margin:0; }
.addxv-card { border:1px solid var(--addxv-line); border-radius:14px; padding:20px; margin-bottom:16px; background:#fff; }
.addxv-group { border:1px solid var(--addxv-line); border-radius:14px; padding:14px 18px 18px; margin:0 0 14px; }
.addxv-group legend { padding:0 8px; font-weight:700; color:var(--addxv-navy); }
.addxv-fields { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px 16px; margin-bottom:8px; }
.addxv-field { display:flex; flex-direction:column; gap:4px; font-size:.85rem; color:var(--addxv-muted); }
.addxv-field--wide { grid-column:1/-1; }
.addxv-field input[type=text], .addxv-field input[type=url], .addxv-field textarea, .addxv-source input[type=url] { width:100%; padding:9px 11px; border:1px solid #cfd4df; border-radius:8px; font:inherit; font-size:.95rem; color:var(--addxv-ink); background:#fff; }
.addxv-field input:focus, .addxv-field textarea:focus { outline:2px solid var(--addxv-accent); outline-offset:1px; border-color:transparent; }
.addxv-field input[type=color] { width:64px; height:38px; border:1px solid #cfd4df; border-radius:8px; padding:2px; }
.addxv-field small { color:var(--addxv-muted); font-size:.78rem; }
.addxv-field.is-corrected input { border-color:var(--addxv-warn); background:#fffcf4; }
.addxv-badge { font-style:normal; font-size:.7rem; background:#fdf1d8; color:#8a5a00; padding:1px 7px; border-radius:999px; margin-left:4px; }
.addxv-check { grid-column:1/-1; display:flex; gap:10px; align-items:flex-start; font-size:.92rem; cursor:pointer; }
.addxv-check input { margin-top:4px; width:18px; height:18px; accent-color:var(--addxv-navy); flex:none; }
.addxv-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:12px; }
.addxv-hint { font-size:.88rem; color:var(--addxv-muted); }
.addxv-btn { display:inline-flex; align-items:center; justify-content:center; padding:9px 16px; border-radius:9px; border:1px solid var(--addxv-line); background:#fff; color:var(--addxv-navy); font:inherit; font-weight:600; font-size:.92rem; text-decoration:none; cursor:pointer; white-space:nowrap; }
.addxv-btn:hover { border-color:var(--addxv-navy); }
.addxv-btn--primary { background:var(--addxv-navy); color:#fff; border-color:var(--addxv-navy); }
.addxv-btn--primary:hover { background:#1a2340; color:#fff; }
.addxv-btn--ghost { border-color:transparent; color:var(--addxv-muted); }
.addxv-docs { display:flex; flex-direction:column; gap:10px; }
.addxv-doc { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 18px; border:1px solid var(--addxv-line); border-radius:12px; background:#fff; }
.addxv-doc.is-new { border-color:var(--addxv-accent); box-shadow:0 0 0 3px rgba(27,211,190,.15); }
.addxv-doc__main { display:flex; flex-direction:column; min-width:0; }
.addxv-doc__main strong { color:var(--addxv-navy); overflow-wrap:anywhere; }
.addxv-doc__main span { font-size:.85rem; color:var(--addxv-muted); }
.addxv-doc__act { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.addxv-inline { display:inline; margin:0; }
.addxv-inline-right { text-align:right; margin:-8px 0 16px; }
.addxv-empty { text-align:center; padding:40px 20px; border:1px dashed var(--addxv-line); border-radius:14px; }
.addxv-source { display:flex; flex-direction:column; gap:10px; }
.addxv-option { display:flex; gap:12px; padding:14px 16px; border:1px solid var(--addxv-line); border-radius:12px; cursor:pointer; }
.addxv-option.is-active { border-color:var(--addxv-navy); background:var(--addxv-soft); }
.addxv-option input[type=radio] { margin-top:5px; accent-color:var(--addxv-navy); flex:none; }
.addxv-option span { display:flex; flex-direction:column; gap:4px; flex:1; min-width:0; }
.addxv-option small { color:var(--addxv-muted); }
.addxv-option input[type=url] { margin-top:6px; max-width:460px; }
.addxv-logo { background:var(--addxv-soft); padding:16px; border-radius:10px; display:inline-block; margin-bottom:12px; }
.addxv-logo img { max-height:70px; max-width:260px; display:block; }
.addxv-logo-form { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:6px; }
.addxv-hidden { display:none; width:0; height:0; border:0; }
@media (max-width:600px) {
.addxv-top { padding:14px 16px; }
.addxv-doc__act .addxv-btn { flex:1; }
} .addxv-coins em { font-style:normal; font-size:.75rem; opacity:.75; }
.addxv-tpl__top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.addxv-price { display:inline-block; font-size:.78rem; font-weight:700; color:var(--addxv-navy); background:#e9fbf8; border:1px solid #bfeee6; padding:2px 9px; border-radius:999px; white-space:nowrap; }
.addxv-price--free { background:var(--addxv-soft); border-color:var(--addxv-line); color:var(--addxv-muted); }
.addxv-strike { font-size:.82rem; color:var(--addxv-muted); text-decoration:line-through; }
.addxv-bundle { display:flex; flex-direction:column; gap:6px; padding:20px 22px; margin-bottom:18px; border-radius:14px; text-decoration:none; color:#fff; background:var(--addxv-navy); position:relative; overflow:hidden; transition:transform .15s, box-shadow .15s; }
.addxv-bundle::before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:var(--addxv-grad); }
.addxv-bundle:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(36,47,81,.25); color:#fff; }
.addxv-bundle strong { font-size:1.25rem; }
.addxv-bundle__tag { font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--addxv-accent); font-weight:700; }
.addxv-bundle__desc { font-size:.92rem; opacity:.85; max-width:720px; }
.addxv-bundle__foot { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:4px; }
.addxv-bundle .addxv-price { background:#fff; border-color:#fff; }
.addxv-bundle .addxv-strike { color:rgba(255,255,255,.65); }
.addxv-bundle .addxv-tpl__go { color:#fff; margin-left:auto; }
.addxv-pricebar { display:flex; justify-content:space-between; gap:10px 20px; flex-wrap:wrap; padding:12px 16px; margin:14px 0 20px; border-radius:10px; background:#e9fbf8; border:1px solid #bfeee6; font-size:.95rem; }
.addxv-pricebar a { color:var(--addxv-navy); font-weight:600; }
.addxv-step { display:flex; align-items:center; gap:10px; margin:6px 0 10px; }
.addxv-step h3 { margin:0; }
.addxv-step h3 small { font-weight:400; color:var(--addxv-muted); font-size:.85rem; }
.addxv-step__nr { width:28px; height:28px; border-radius:50%; background:var(--addxv-navy); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:700; font-size:.9rem; flex:none; }
.addxv-modes { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }
.addxv-assure { margin:12px 0 22px; padding:10px 14px; border-radius:10px; background:var(--addxv-soft); font-size:.9rem; color:var(--addxv-ink); }
.addxv-prefill[hidden] { display:none; }
details.addxv-group { padding:0; }
details.addxv-group > summary { cursor:pointer; list-style:none; padding:14px 18px; font-weight:700; color:var(--addxv-navy); display:flex; justify-content:space-between; gap:10px; }
details.addxv-group > summary::-webkit-details-marker { display:none; }
details.addxv-group > summary::after { content:"+"; font-weight:400; color:var(--addxv-muted); }
details.addxv-group[open] > summary::after { content:"–"; }
details.addxv-group > summary span { margin-left:auto; font-weight:400; font-size:.82rem; color:var(--addxv-muted); }
details.addxv-group > .addxv-fields { padding:0 18px 18px; } .addxv-areas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 18px; }
.addxv-area { display:flex; flex-direction:column; gap:2px; padding:12px 16px; border:1px solid var(--addxv-line); border-radius:12px; text-decoration:none; color:var(--addxv-ink); background:#fff; }
.addxv-area strong { color:var(--addxv-navy); font-size:1.02rem; }
.addxv-area span { font-size:.82rem; color:var(--addxv-muted); }
.addxv-area:hover { border-color:var(--addxv-navy); }
.addxv-area.is-active { border-color:var(--addxv-navy); box-shadow:inset 0 -3px 0 var(--addxv-accent); background:var(--addxv-soft); }
@media (max-width:600px) { .addxv-areas { grid-template-columns:1fr; } } .addxv-btn--accent { background:var(--addxv-accent); border-color:var(--addxv-accent); color:#0f1830; }
.addxv-btn--accent:hover { filter:brightness(1.05); color:#0f1830; }
.addxv-btn--ghostlight { background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.addxv-btn--ghostlight:hover { border-color:#fff; color:#fff; }
.addxv-ticks { list-style:none; margin:8px 0 0; padding:0; display:flex; flex-direction:column; gap:5px; font-size:.9rem; }
.addxv-ticks li { position:relative; padding-left:22px; }
.addxv-ticks li::before { content:""; position:absolute; left:0; top:.32em; width:14px; height:14px; border-radius:50%; background:var(--addxv-accent); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.7 5.7-4.5 4.6a1 1 0 0 1-1.4 0L4.3 8.8a1 1 0 1 1 1.4-1.4l.8.8 3.8-3.9a1 1 0 0 1 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.7 5.7-4.5 4.6a1 1 0 0 1-1.4 0L4.3 8.8a1 1 0 1 1 1.4-1.4l.8.8 3.8-3.9a1 1 0 0 1 1.4 1.4z'/%3E%3C/svg%3E") center/contain no-repeat; }
.addxv-ticks__meta { color:var(--addxv-muted); font-size:.82rem; }
.addxv-ticks__meta::before { background:var(--addxv-line) !important; }
.addxv-zoom { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); background:rgba(15,24,48,.85); color:#fff; font-size:.8rem; font-weight:600; padding:6px 12px; border-radius:999px; white-space:nowrap; opacity:0; transition:opacity .15s; pointer-events:none; } .addxv-grid { grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:18px; }
.addxv-tpl { padding:0; overflow:hidden; gap:0; transform:none !important; }
.addxv-tpl__media { position:relative; display:block; width:100%; border:0; padding:18px 22px 0; margin:0; cursor:zoom-in; background:linear-gradient(160deg,#eef2f8,#e3e9f3); height:200px; overflow:hidden; }
.addxv-tpl__media img { display:block; width:100%; height:auto; border-radius:4px 4px 0 0; box-shadow:0 6px 22px rgba(36,47,81,.18); transition:transform .25s ease; transform-origin:top center; }
.addxv-tpl:hover .addxv-tpl__media img { transform:translateY(-4px) scale(1.02); }
.addxv-tpl__media:hover .addxv-zoom, .addxv-tpl__media:focus-visible .addxv-zoom { opacity:1; }
.addxv-tpl__pages { position:absolute; top:10px; right:10px; background:#fff; color:var(--addxv-navy); font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:999px; box-shadow:0 2px 8px rgba(36,47,81,.12); }
.addxv-tpl__body { display:flex; flex-direction:column; gap:6px; padding:16px 18px 18px; flex:1; }
.addxv-tpl__lead { margin:0; font-size:.92rem; color:var(--addxv-ink); }
.addxv-tpl__body .addxv-ticks { font-size:.85rem; color:var(--addxv-muted); flex:1; }
.addxv-tpl__act { display:flex; gap:8px; margin-top:12px; }
.addxv-tpl__act .addxv-btn { flex:1; } .addxv-bundle { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:20px; align-items:center; padding:26px 28px; transform:none !important; }
.addxv-bundle__text { display:flex; flex-direction:column; gap:6px; min-width:0; }
.addxv-bundle__lead { margin:0; font-size:1.02rem; opacity:.92; }
.addxv-bundle .addxv-ticks { color:rgba(255,255,255,.9); }
.addxv-bundle .addxv-ticks__meta { color:rgba(255,255,255,.65); }
.addxv-bundle__act { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.addxv-save { font-size:.78rem; font-weight:700; color:#0f1830; background:var(--addxv-accent); padding:2px 9px; border-radius:999px; }
.addxv-fan { position:relative; height:240px; border:0; background:none; cursor:zoom-in; padding:0; }
.addxv-fan img { position:absolute; top:10px; width:46%; left:27%; border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,.35); transition:transform .3s ease; }
.addxv-fan .addxv-fan__p0 { transform:rotate(-9deg) translate(-38%,6%); }
.addxv-fan .addxv-fan__p1 { transform:rotate(7deg) translate(38%,4%); }
.addxv-fan .addxv-fan__p2 { transform:none; z-index:2; }
.addxv-fan:hover .addxv-fan__p0 { transform:rotate(-12deg) translate(-46%,4%); }
.addxv-fan:hover .addxv-fan__p1 { transform:rotate(10deg) translate(46%,2%); }
.addxv-fan:hover .addxv-zoom, .addxv-fan:focus-visible .addxv-zoom { opacity:1; }
.addxv-fan .addxv-zoom { z-index:3; } .addxv-hero { display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; align-items:start; margin:10px 0 20px; padding:22px; border:1px solid var(--addxv-line); border-radius:16px; background:linear-gradient(160deg,#f7f9fc,#eef2f8); }
.addxv-hero__media { position:relative; border:0; padding:0; background:none; cursor:zoom-in; }
.addxv-hero__media img { width:100%; display:block; border-radius:4px; box-shadow:0 10px 28px rgba(36,47,81,.2); }
.addxv-hero__media .addxv-zoom { opacity:1; }
.addxv-hero__text h2 { margin:0 0 4px; }
.addxv-hero__lead { font-size:1.08rem; font-weight:600; color:var(--addxv-navy); margin:0 0 4px; }
.addxv-hero__act { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; } .addxv-modal { border:0; padding:0; border-radius:16px; width:min(1100px,96vw); max-height:94vh; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.addxv-modal::backdrop { background:rgba(15,24,48,.6); }
.addxv-modal__in { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); max-height:94vh; }
.addxv-modal__stage { position:relative; background:#e9edf4; display:flex; align-items:center; justify-content:center; padding:20px 56px; overflow:auto; }
.addxv-modal__img { max-width:100%; max-height:calc(94vh - 40px); box-shadow:0 10px 30px rgba(36,47,81,.25); background:#fff; }
.addxv-modal__nav { position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; border:0; background:#fff; color:var(--addxv-navy); font-size:1.6rem; line-height:1; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.15); }
.addxv-modal__prev { left:10px; } .addxv-modal__next { right:10px; }
.addxv-modal__count { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); background:rgba(15,24,48,.8); color:#fff; font-size:.8rem; padding:3px 10px; border-radius:999px; }
.addxv-modal__side { padding:26px 24px; overflow:auto; display:flex; flex-direction:column; gap:6px; }
.addxv-modal__side .addxv-eyebrow { color:var(--addxv-muted); opacity:1; }
.addxv-modal__title { margin:0; font-size:1.3rem; }
.addxv-modal__lead { margin:0; font-weight:600; color:var(--addxv-navy); }
.addxv-modal__meta { color:var(--addxv-muted); font-size:.85rem; margin:6px 0 0; }
.addxv-modal__thumbs { display:flex; gap:6px; flex-wrap:wrap; margin:8px 0; }
.addxv-modal__thumbs button { width:46px; padding:0; border:2px solid transparent; border-radius:4px; cursor:pointer; background:none; }
.addxv-modal__thumbs button.is-active { border-color:var(--addxv-accent); }
.addxv-modal__thumbs img { width:100%; display:block; border-radius:2px; }
.addxv-modal__note { font-size:.8rem; color:var(--addxv-muted); background:var(--addxv-soft); padding:8px 10px; border-radius:8px; }
.addxv-modal__act { display:flex; flex-direction:column; gap:8px; margin-top:auto; padding-top:10px; }
.addxv-modal__close { position:absolute; top:10px; right:12px; z-index:2; width:36px; height:36px; border-radius:50%; border:0; background:#fff; font-size:1.4rem; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.15); }
.addxv-modal { position:fixed; }
@media (max-width:760px) {
.addxv-bundle { grid-template-columns:1fr; padding:20px; }
.addxv-fan { height:200px; order:-1; }
.addxv-hero { grid-template-columns:1fr; }
.addxv-hero__media { max-width:220px; margin:0 auto; }
.addxv-modal__in { grid-template-columns:1fr; overflow:auto; }
.addxv-modal__stage { padding:14px 46px; }
.addxv-modal__img { max-height:60vh; }
}
.addxv-modal__stage img, .addxv-tpl__media img, .addxv-fan img, .addxv-hero__media img, .addxv-modal__thumbs img { -webkit-user-select:none; user-select:none; -webkit-user-drag:none; -webkit-touch-callout:none; }