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