:root{--sts-primary:#1a5276;--sts-secondary:#2e86c1;--sts-success:#27ae60;--sts-danger:#e74c3c;--sts-warning:#f39c12;--sts-info:#3498db;--sts-bg:#f8f9fa;--sts-card-bg:#fff;--sts-border:#e1e5e9;--sts-text:#2c3e50;--sts-muted:#7f8c8d;--sts-radius:12px;--sts-shadow:0 2px 12px rgba(0,0,0,.08)}
.sts-tool{max-width:800px;margin:2rem auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--sts-text)}
.sts-tool *{box-sizing:border-box}
.sts-header{text-align:center;margin-bottom:1.5rem}
.sts-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}
.sts-header h2{font-size:1.6rem;font-weight:700;color:var(--sts-primary);margin:0 0 .3rem}
.sts-desc{color:var(--sts-muted);font-size:.95rem;margin:0}
.sts-form{background:var(--sts-card-bg);border:1px solid var(--sts-border);border-radius:var(--sts-radius);padding:1.5rem;box-shadow:var(--sts-shadow)}
.sts-field{margin-bottom:1rem}
.sts-field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--sts-primary)}
.sts-select,.sts-input{width:100%;padding:.7rem 1rem;font-size:1rem;border:2px solid var(--sts-border);border-radius:8px;background:#fff;color:var(--sts-text);transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.sts-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237f8c8d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}
.sts-select:focus,.sts-input:focus{outline:none;border-color:var(--sts-secondary);box-shadow:0 0 0 3px rgba(46,134,193,.15)}
.sts-btn{display:block;width:100%;padding:.85rem;margin-top:1rem;background:linear-gradient(135deg,var(--sts-primary),var(--sts-secondary));color:#fff;font-size:1.05rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .2s}
.sts-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(26,82,118,.3)}
.sts-btn:active{transform:translateY(0)}
.sts-loading{display:flex;flex-direction:column;align-items:center;padding:2rem}
.sts-spinner{width:40px;height:40px;border:4px solid var(--sts-border);border-top-color:var(--sts-secondary);border-radius:50%;animation:stsSpin .8s linear infinite}
@keyframes stsSpin{to{transform:rotate(360deg)}}
.sts-loading p{color:var(--sts-muted);margin-top:.8rem;font-size:.95rem}
.sts-results{margin-top:1.5rem}
.sts-results-wrap{display:flex;flex-direction:column;gap:1rem}
.sts-card{background:var(--sts-card-bg);border:1px solid var(--sts-border);border-radius:var(--sts-radius);padding:1.5rem;box-shadow:var(--sts-shadow)}
.sts-card-title{font-size:1.3rem;font-weight:700;color:var(--sts-primary);margin:0 0 1rem;padding-bottom:.8rem;border-bottom:2px solid var(--sts-border)}
.sts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.sts-item{background:var(--sts-bg);border-radius:8px;padding:.8rem 1rem;border-left:3px solid var(--sts-border);transition:transform .15s}
.sts-item:hover{transform:translateY(-2px)}
.sts-item.sts-status-good{border-left-color:var(--sts-success);background:#f0fdf4}
.sts-item.sts-status-bad{border-left-color:var(--sts-danger);background:#fef2f2}
.sts-item.sts-status-warn{border-left-color:var(--sts-warning);background:#fffbeb}
.sts-label{display:block;font-size:.78rem;font-weight:600;color:var(--sts-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}
.sts-value{display:block;font-size:.95rem;font-weight:500;color:var(--sts-text);word-break:break-word}
.sts-badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.85rem;font-weight:600}
.sts-green{background:#d4edda;color:#155724}
.sts-red{background:#f8d7da;color:#721c24}
.sts-yellow{background:#fff3cd;color:#856404}
.sts-blue{background:#cce5ff;color:#004085}
.sts-notes{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:.8rem 1rem;margin-top:1rem;font-size:.9rem;line-height:1.5}
.sts-calc{border-radius:8px;padding:1.2rem;margin-top:1rem}
.sts-calc h4{margin:0 0 .8rem;font-size:1.1rem}
.sts-calc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
.sts-calc-grid>div{text-align:center}
.sts-calc-grid span:first-child{display:block;font-size:.78rem;color:var(--sts-muted);text-transform:uppercase;margin-bottom:.2rem}
.sts-calc-grid strong{font-size:1.1rem}
.sts-calc-success{background:#f0fdf4;border:1px solid #86efac}
.sts-calc-danger{background:#fef2f2;border:1px solid #fca5a5}
.sts-calc-info{background:#eff6ff;border:1px solid #93c5fd}
.sts-text-green{color:var(--sts-success)!important}
.sts-text-bold{font-weight:700!important}
.sts-no-results{text-align:center;padding:2.5rem 1rem;background:var(--sts-bg);border-radius:var(--sts-radius)}
.sts-no-icon{font-size:3rem;display:block;margin-bottom:.5rem}
.sts-no-results h3{margin:0 0 .3rem;color:var(--sts-primary)}
.sts-no-results p{color:var(--sts-muted);margin:0}
.sts-compare{text-align:center;margin-top:1rem;padding:.8rem;background:#eff6ff;border-radius:8px;font-size:.9rem}
.sts-disclaimer{margin-top:1.2rem;padding:.8rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-size:.8rem;color:var(--sts-muted);line-height:1.5}
.sts-disclaimer p{margin:0}
.sts-ad{margin:1.5rem 0;min-height:50px;text-align:center}
.sts-directory{max-width:1000px;margin:2rem auto}
.sts-directory>h2{text-align:center;font-size:1.8rem;color:var(--sts-primary)}
.sts-directory>p{text-align:center;color:var(--sts-muted);margin-bottom:2rem}
.sts-dir-cat{margin-bottom:2rem}
.sts-dir-cat h3{font-size:1.2rem;color:var(--sts-primary);border-bottom:2px solid var(--sts-border);padding-bottom:.5rem;margin-bottom:1rem}
.sts-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.sts-dir-card{display:flex;flex-direction:column;padding:1.2rem;background:var(--sts-card-bg);border:1px solid var(--sts-border);border-radius:var(--sts-radius);text-decoration:none;color:var(--sts-text);transition:transform .2s,box-shadow .2s,border-color .2s}
.sts-dir-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--sts-secondary)}
.sts-dir-icon{font-size:1.8rem;margin-bottom:.5rem}
.sts-dir-card strong{font-size:1rem;color:var(--sts-primary);margin-bottom:.3rem}
.sts-dir-card small{font-size:.85rem;color:var(--sts-muted)}
@media(max-width:600px){.sts-tool{margin:1rem}.sts-grid{grid-template-columns:1fr}.sts-calc-grid{grid-template-columns:repeat(2,1fr)}.sts-dir-grid{grid-template-columns:1fr}.sts-header h2{font-size:1.3rem}}
.sts-theme-dark{--sts-bg:#1e1e2e;--sts-card-bg:#2a2a3e;--sts-border:#3a3a4e;--sts-text:#e0e0e0;--sts-muted:#a0a0b0}
.sts-theme-dark .sts-select,.sts-theme-dark .sts-input{background:#2a2a3e;color:#e0e0e0;border-color:#3a3a4e}
.sts-theme-dark .sts-notes{background:#3a3a20;border-color:#5a5a30}
.sts-theme-dark .sts-disclaimer{background:#2a2a3e;border-color:#3a3a4e}
.sts-theme-minimal .sts-form{box-shadow:none;border:none;padding:0}
.sts-theme-minimal .sts-card{box-shadow:none}
.sts-theme-minimal .sts-btn{border-radius:4px;background:var(--sts-primary)}
@media print{.sts-form,.sts-btn,.sts-ad,.sts-compare,.sts-loading{display:none!important}.sts-results{display:block!important}.sts-card{break-inside:avoid;border:1px solid #ccc}}