:root{color-scheme:light;--bc-bg:#f4f7fb;--bc-card:#fff;--bc-text:#172033;--bc-muted:#526071;--bc-line:#ccd7e6;--bc-accent:#155e75;--bc-soft:#ecfeff;--bc-focus:#b45309}html[data-theme="dark"]{color-scheme:dark;--bc-bg:#101722;--bc-card:#182333;--bc-text:#f8fafc;--bc-muted:#c7d2df;--bc-line:#52657d;--bc-accent:#67e8f9;--bc-soft:#15333b;--bc-focus:#fbbf24}*{box-sizing:border-box}body{margin:0;background:var(--bc-bg);color:var(--bc-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}.swbc-wrap{width:min(1100px,calc(100% - 32px));margin:auto}.swbc-hero{background:#12304a;color:#fff;padding:38px 0}.swbc-hero .swbc-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px);gap:24px;align-items:center}.swbc-hero a{color:#a5f3fc}.swbc-hero h1{font-size:clamp(2rem,7vw,3.3rem);line-height:1.05;margin:.5rem 0}.swbc-hero p{line-height:1.65;max-width:760px}.swbc-hero img{width:100%;height:auto;border-radius:16px}.swbc-main{padding:24px 0 54px}.swbc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.swbc-card{min-width:0;background:var(--bc-card);border:1px solid var(--bc-line);border-radius:14px;padding:20px;margin-bottom:18px}.swbc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.swbc-form h2,.swbc-actions,.swbc-status{grid-column:1/-1}.swbc-field{display:grid;gap:6px}.swbc-field label{font-weight:750}.swbc-field small,.swbc-note,.swbc-status{color:var(--bc-muted);line-height:1.55}.swbc-field input,.swbc-field select,.swbc-import{min-width:0;width:100%;min-height:44px;border:1.5px solid var(--bc-line);border-radius:9px;background:var(--bc-card);color:var(--bc-text);padding:10px;font:inherit}.swbc-actions{display:flex;flex-wrap:wrap;gap:9px}.swbc-actions button,.swbc-theme{min-height:44px;border:1px solid var(--bc-line);border-radius:9px;padding:10px 14px;background:var(--bc-card);color:var(--bc-text);font:inherit;font-weight:750;cursor:pointer}.swbc-actions button[type="submit"]{background:#155e75;color:#fff;border-color:#155e75}.swbc-theme{position:fixed;left:16px;bottom:16px;z-index:1001;background:#fff;color:#172033}.swbc-result[hidden]{display:none}.swbc-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.swbc-metric{border:1px solid var(--bc-line);border-radius:10px;padding:12px;background:var(--bc-soft)}.swbc-metric span{display:block;color:var(--bc-muted)}.swbc-metric strong{display:block;font-size:1.12rem;margin-top:4px}.swbc-guidance{border-left:4px solid var(--bc-accent);padding:10px 12px;background:var(--bc-soft);line-height:1.55}.swbc-status[aria-invalid="true"]{color:#b91c1c}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--bc-focus);outline-offset:2px}@media(max-width:720px){.swbc-grid,.swbc-form,.swbc-hero .swbc-wrap{grid-template-columns:1fr}.swbc-wrap{width:min(100% - 24px,1100px)}.swbc-card{padding:15px}.swbc-metrics{grid-template-columns:1fr}.swbc-hero img{width:min(100%,280px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}