:root{color-scheme:light;--voc-bg:#f4f7fb;--voc-card:#fff;--voc-text:#172033;--voc-muted:#526071;--voc-line:#ccd7e6;--voc-accent:#075985;--voc-soft:#e0f2fe;--voc-focus:#b45309}html[data-theme="dark"]{color-scheme:dark;--voc-bg:#101722;--voc-card:#182333;--voc-text:#f8fafc;--voc-muted:#c7d2df;--voc-line:#52657d;--voc-accent:#7dd3fc;--voc-soft:#18364a;--voc-focus:#fbbf24}*{box-sizing:border-box}body{margin:0;background:var(--voc-bg);color:var(--voc-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.swvoc-wrap{width:min(1080px,calc(100% - 32px));margin:auto}.swvoc-hero{background:#12344d;color:#fff;padding:42px 0 34px}.swvoc-hero a{color:#bae6fd}.swvoc-hero h1{font-size:clamp(2rem,7vw,3.3rem);line-height:1.05;margin:.5rem 0}.swvoc-hero p{max-width:800px;line-height:1.65}.swvoc-main{padding:24px 0 54px}.swvoc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}.swvoc-card{background:var(--voc-card);border:1px solid var(--voc-line);border-radius:14px;padding:20px;margin-bottom:18px}.swvoc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.swvoc-field{display:grid;gap:6px}.swvoc-field label{font-weight:750}.swvoc-field input,.swvoc-field select,.swvoc-import{width:100%;min-height:44px;border:1.5px solid var(--voc-line);border-radius:9px;background:var(--voc-card);color:var(--voc-text);padding:10px;font:inherit}.swvoc-actions{display:flex;flex-wrap:wrap;gap:9px;grid-column:1/-1}.swvoc-actions button,.swvoc-theme{min-height:44px;border:1px solid var(--voc-line);border-radius:9px;padding:10px 14px;background:var(--voc-card);color:var(--voc-text);font:inherit;font-weight:750;cursor:pointer}.swvoc-actions button[type="submit"]{background:#075985;color:#fff;border-color:#075985}.swvoc-theme{position:fixed;right:16px;bottom:16px;z-index:1001;background:#fff;color:#172033}.swvoc-result[hidden]{display:none}.swvoc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.swvoc-metric{border:1px solid var(--voc-line);border-radius:10px;padding:12px;background:var(--voc-soft)}.swvoc-metric span,.swvoc-status,.swvoc-note{display:block;color:var(--voc-muted);line-height:1.55}.swvoc-metric strong{display:block;font-size:1.25rem;margin-top:4px}.swvoc-table-wrap{overflow-x:auto;margin:16px 0}.swvoc-table{width:100%;border-collapse:collapse;min-width:480px}.swvoc-table th,.swvoc-table td{text-align:left;padding:10px;border-bottom:1px solid var(--voc-line)}.swvoc-status[aria-invalid="true"]{color:#b91c1c}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--voc-focus);outline-offset:2px}@media(max-width:720px){.swvoc-grid,.swvoc-form{grid-template-columns:1fr}.swvoc-actions{grid-column:1}.swvoc-wrap{width:min(100% - 24px,1080px)}.swvoc-card{padding:15px}.swvoc-metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}