:root{--csat-primary:#2563eb;--csat-primary-dark:#1e40af;--csat-pass:#16a34a;--csat-warning:#d97706;--csat-error:#dc2626;--csat-pass-bg:#f0fdf4;--csat-warning-bg:#fffbeb;--csat-error-bg:#fef2f2;--csat-pass-border:#bbf7d0;--csat-warning-border:#fde68a;--csat-error-border:#fecaca;--csat-text:#1f2937;--csat-muted:#6b7280;--csat-border:#e5e7eb;--csat-radius:10px;--csat-shadow:0 4px 24px rgba(0,0,0,.08);--csat-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.csat-wrap{font-family:var(--csat-font);color:var(--csat-text);line-height:1.6;box-sizing:border-box}.csat-wrap *,.csat-wrap *::before,.csat-wrap *::after{box-sizing:inherit}.csat-form-container{background:#fff;border-radius:var(--csat-radius);box-shadow:var(--csat-shadow);padding:36px 40px;max-width:620px;margin:0 auto}.csat-form-title{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--csat-text)}.csat-form-subtitle{color:var(--csat-muted);margin:0 0 24px;font-size:.97rem}.csat-field{margin-bottom:18px}.csat-field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;color:var(--csat-text)}.csat-req{color:var(--csat-error);margin-left:2px}.csat-field input{width:100%;padding:11px 14px;border:1.5px solid var(--csat-border);border-radius:6px;font-size:.95rem;font-family:var(--csat-font);color:var(--csat-text);background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.csat-field input:focus{border-color:var(--csat-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--csat-primary) 15%,transparent)}.csat-field input.csat-invalid{border-color:var(--csat-error)}.csat-submit-row{margin-top:8px}.csat-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:7px;font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid #fff0;text-decoration:none;transition:background .2s,border-color .2s,transform .1s,box-shadow .2s;font-family:var(--csat-font);line-height:1}.csat-btn:active{transform:scale(.97)}.csat-btn-primary{background:var(--csat-primary);color:#fff;border-color:var(--csat-primary);width:100%;justify-content:center;font-size:1rem;padding:14px 28px}.csat-btn-primary:hover{background:var(--csat-primary-dark);border-color:var(--csat-primary-dark);box-shadow:0 4px 16px color-mix(in srgb,var(--csat-primary) 30%,transparent)}.csat-btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.csat-btn-outline{background:#fff0;border-color:var(--csat-primary);color:var(--csat-primary)}.csat-btn-outline:hover{background:var(--csat-primary);color:#fff}.csat-btn-spinner svg{animation:csat-spin 1s linear infinite}@keyframes csat-spin{to{transform:rotate(360deg)}}.csat-form-error{margin-top:12px;padding:10px 14px;background:var(--csat-error-bg);border:1px solid var(--csat-error-border);border-radius:6px;color:var(--csat-error);font-size:.875rem}.csat-results{margin-top:32px;animation:csat-fade-in .4s ease}@keyframes csat-fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.csat-report{background:#f9fafb;border-radius:var(--csat-radius);overflow:hidden}.csat-score-hero{background:linear-gradient(135deg,var(--csat-primary) 0%,var(--csat-primary-dark) 100%);color:#fff;padding:36px 40px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.csat-score-ring{position:relative;width:120px;height:120px;flex-shrink:0}.csat-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.csat-ring-bg{fill:none;stroke:rgb(255 255 255 / .2);stroke-width:10}.csat-ring-fill{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.csat-score-ring.good .csat-ring-fill{stroke:#4ade80}.csat-score-ring.medium .csat-ring-fill{stroke:#fbbf24}.csat-score-ring.poor .csat-ring-fill{stroke:#f87171}.csat-score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.csat-score-number{font-size:2rem;font-weight:800;color:#fff}.csat-score-out{font-size:.7rem;opacity:.8;margin-top:2px}.csat-score-meta{flex:1;min-width:200px}.csat-score-label{font-size:1.4rem;font-weight:700;margin:0 0 4px}.csat-audited-url{font-size:.875rem;opacity:.85;word-break:break-all;margin:0 0 2px}.csat-audited-time{font-size:.8rem;opacity:.65;margin:0 0 16px}.csat-pdf-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:6px;border:2px solid rgb(255 255 255 / .8);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;font-family:var(--csat-font)}.csat-pdf-btn:hover{background:rgb(255 255 255 / .2);border-color:#fff;color:#fff}.csat-summary-bars{padding:24px 40px;background:#fff;border-bottom:1px solid var(--csat-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.csat-bar-label{display:block;font-size:.8rem;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.csat-bar-label.pass{color:var(--csat-pass)}.csat-bar-label.warning{color:var(--csat-warning)}.csat-bar-label.error{color:var(--csat-error)}.csat-progress{height:8px;background:var(--csat-border);border-radius:100px;overflow:hidden}.csat-progress-fill{height:100%;border-radius:100px;transition:width .6s ease}.csat-progress-fill.pass{background:var(--csat-pass)}.csat-progress-fill.warning{background:var(--csat-warning)}.csat-progress-fill.error{background:var(--csat-error)}.csat-section{padding:28px 40px;border-bottom:1px solid var(--csat-border)}.csat-section:last-child{border-bottom:none}.csat-section-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--csat-primary);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--csat-primary);display:inline-block}.csat-checks-list{display:flex;flex-direction:column;gap:10px}.csat-check-row{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:8px;border-left:4px solid #fff0;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .04)}.csat-check-pass{border-left-color:var(--csat-pass);background:var(--csat-pass-bg)}.csat-check-warning{border-left-color:var(--csat-warning);background:var(--csat-warning-bg)}.csat-check-error{border-left-color:var(--csat-error);background:var(--csat-error-bg)}.csat-check-icon{flex-shrink:0;width:22px;margin-top:1px}.csat-icon{width:20px;height:20px}.csat-icon.pass{stroke:var(--csat-pass)}.csat-icon.warning{stroke:var(--csat-warning)}.csat-icon.error{stroke:var(--csat-error)}.csat-check-body{flex:1;min-width:0}.csat-check-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.csat-check-label{font-size:.9rem;font-weight:600;color:var(--csat-text)}.csat-check-value{font-size:.82rem;color:var(--csat-muted);text-align:right;flex-shrink:0;max-width:55%;word-break:break-all}.csat-check-rec{margin-top:5px;font-size:.82rem;color:var(--csat-muted);font-style:italic}.csat-loading{text-align:center;padding:48px 24px;background:#fff;border-radius:var(--csat-radius);box-shadow:var(--csat-shadow)}.csat-loading-spinner{width:52px;height:52px;border:4px solid var(--csat-border);border-top-color:var(--csat-primary);border-radius:50%;animation:csat-spin 1s linear infinite;margin:0 auto 20px}.csat-loading-text{font-size:1rem;color:var(--csat-muted);font-weight:500}@media (max-width:640px){.csat-form-container{padding:24px 20px}.csat-score-hero{flex-direction:column;align-items:center;text-align:center;padding:28px 20px;gap:20px}.csat-section{padding:20px}.csat-summary-bars{padding:16px 20px}.csat-check-top{flex-direction:column;gap:2px}.csat-check-value{text-align:left;max-width:100%}}