.vlc{--v-accent:#067957;--v-accent-h:#055f45;--v-soft:#ecfbf5;--v-green:#00a978;--v-ink:#172033;--v-muted:#5b687e;--v-line:#dfe5ec;--v-bg:#f8fafc;--v-bad:#b42318;
box-sizing:border-box;max-width:880px;margin:0 auto 1.5em;padding:16px;background:#fff;border:1px solid var(--v-line);border-radius:14px;color:var(--v-ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 1px 3px rgba(23,32,51,.06)}
.vlc *,.vlc *::before,.vlc *::after{box-sizing:border-box}
.vlc .vlc-title{margin:0 0 4px;font-size:1.45em;line-height:1.2;color:var(--v-ink)}
.vlc .vlc-intro{margin:0 0 12px;color:var(--v-muted)}
.vlc-form{background:var(--v-bg);border:1px solid var(--v-line);border-radius:12px;padding:14px}
.vlc-pair{display:grid;grid-template-columns:1fr;gap:10px;align-items:end}
.vlc-side label{display:block;font-weight:700;margin-bottom:4px}
.vlc-side input{display:block;width:100%;font:inherit;font-size:1.4em;font-weight:800;text-align:center;min-height:52px;padding:6px 10px;border:1px solid #c9d3de;border-radius:10px;background:#fff;color:var(--v-ink);font-variant-numeric:tabular-nums}
.vlc-side .vlc-btn{margin-top:6px;width:100%}
.vlc-vs{text-align:center;font-weight:800;color:var(--v-muted)}
.vlc-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.vlc .vlc-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--v-line);border-radius:10px;background:#fff;color:var(--v-ink);font:inherit;font-weight:600;cursor:pointer}
.vlc .vlc-btn:hover{border-color:var(--v-accent);color:var(--v-accent)}
.vlc .vlc-btn:disabled{opacity:.5;cursor:not-allowed}
.vlc .vlc-sm{min-height:40px;font-size:.92em}
.vlc .vlc-primary{min-width:160px;background:var(--v-accent);border-color:var(--v-accent);color:#fff}
.vlc .vlc-primary:hover{background:var(--v-accent-h);color:#fff}
.vlc .vlc-btn:focus-visible,.vlc input:focus-visible,.vlc a:focus-visible{outline:3px solid var(--v-accent);outline-offset:2px}
.vlc-status{margin:10px 0 0;text-align:center;font-size:.9em;color:var(--v-muted);min-height:1.5em}
.vlc-status.is-error,.vlc-verdict.is-error{color:var(--v-bad)}
.vlc-result{margin-top:14px}
.vlc-verdict{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:var(--v-soft);border:1px solid #cdeee0;font-weight:700;font-size:1.05em}
.vlc-bars{display:grid;gap:8px;margin-bottom:12px}
.vlc-bars div{display:grid;grid-template-columns:1.5em 1fr 5.5em;align-items:center;gap:8px}
.vlc-bars span{font-weight:800}
.vlc-bars i{display:block;height:14px;border-radius:999px;background:var(--v-green);width:2%}
.vlc-bars div:last-child i{background:var(--v-accent)}
.vlc-bars b{text-align:right;font-variant-numeric:tabular-nums}
.vlc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0}
.vlc-stats div{border:1px solid var(--v-line);border-radius:10px;padding:8px 10px}
.vlc-stats dt{font-size:.8em;color:var(--v-muted);margin:0}
.vlc-stats dd{margin:0;font-size:1.15em;font-weight:700;font-variant-numeric:tabular-nums}
.vlc-result p{margin:0 0 8px}
.vlc-examples{margin:0 0 8px;padding-left:1.2em}
.vlc a{color:var(--v-accent);font-weight:600}
.vlc-small{font-size:.85em;color:var(--v-muted);margin:10px 0 0}
@media (min-width:640px){.vlc{padding:22px}.vlc-pair{grid-template-columns:1fr auto 1fr}.vlc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}