#analyzerContainer{max-width:800px;margin:0 auto;padding:0 1rem 2rem}.usage-counter{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid #bdd8f2;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.usage-counter.loading{background:#f5f5f5;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.usage-text{color:#1e3a5f;font-size:1rem}.usage-badge{color:#fff;background-color:#0f52b7;border-radius:20px;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.usage-badge.warning{background-color:#f59e0b}.usage-badge.exhausted{background-color:#ef4444}#analyzerForm{margin-bottom:2rem}.form-group{flex-wrap:wrap;gap:1rem;display:flex}#analyzerForm input[type=url]{border:2px solid #d1d5db;border-left:6px solid #0f52b7;border-radius:8px;outline:0;flex:1;min-width:250px;padding:14px 16px;font-size:16px;transition:border-color .3s,box-shadow .3s}#analyzerForm input[type=url]:focus{border-color:#0f52b7;box-shadow:0 0 0 3px #0f52b71a}#analyzerForm input[type=url]::placeholder{color:#9ca3af}.analyze-btn{color:#fff;cursor:pointer;background-color:#0f52b7;border:0;border-radius:8px;align-items:center;gap:.5rem;padding:14px 28px;font-size:16px;font-weight:600;transition:background-color .3s,transform .2s;display:flex}.analyze-btn:hover:not(:disabled){background-color:#0a3d8a;transform:translateY(-1px)}.analyze-btn:disabled{cursor:not-allowed;background-color:#9ca3af;transform:none}.spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#dc2626;margin-top:.5rem;font-size:.875rem}#resultsSection{display:none}#resultsSection.visible{display:block}.results-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.results-header{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.score-container{text-align:center}.score-circle{width:140px;height:140px;position:relative}.score-circle svg{transform:rotate(-90deg)}.score-bg{fill:none;stroke:#e5e7eb;stroke-width:10px}.score-progress{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s,stroke .3s}.score-value{color:#1f2937;font-size:2.5rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-label{color:#6b7280;margin-top:.5rem;font-size:.875rem;font-weight:500}.url-analyzed{flex:1;min-width:200px}.url-analyzed-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.url-analyzed-value{color:#1f2937;word-break:break-all;font-size:1.125rem;font-weight:500}.violations-summary{margin-bottom:2rem}.violations-summary h3{color:#1f2937;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.violations-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.violation-card{text-align:center;border-left:4px solid;border-radius:12px;padding:1rem}.violation-card.critical{background-color:#fef2f2;border-left-color:#dc2626}.violation-card.serious{background-color:#fff7ed;border-left-color:#ea580c}.violation-card.moderate{background-color:#fefce8;border-left-color:#ca8a04}.violation-card.minor{background-color:#eff6ff;border-left-color:#2563eb}.violation-card.passes{background-color:#f0fdf4;border-left-color:#16a34a}.violation-count{margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.violation-card.critical .violation-count{color:#dc2626}.violation-card.serious .violation-count{color:#ea580c}.violation-card.moderate .violation-count{color:#ca8a04}.violation-card.minor .violation-count{color:#2563eb}.violation-card.passes .violation-count{color:#16a34a}.violation-label{color:#4b5563;font-size:.875rem;font-weight:500}.critical-issues{margin-bottom:2rem}.critical-issues h3{color:#1f2937;border-bottom:2px solid #fecaca;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:600;display:flex}.issue-item{background:#fff;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 4px #dc262614}.issue-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262626}.issue-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.issue-id{color:#7f1d1d;letter-spacing:.025em;background:linear-gradient(135deg,#fecaca,#fca5a5);border-radius:6px;padding:.375rem .75rem;font-family:Courier New,monospace;font-size:.8125rem;font-weight:600}.issue-impact{text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:#dc2626;border-radius:4px;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.issue-impact.serious{background-color:#ea580c}.issue-impact.moderate{background-color:#ca8a04}.issue-impact.minor{background-color:#2563eb}.issue-description{color:#1f2937;margin-bottom:.75rem;font-size:1rem;font-weight:500;line-height:1.5}.issue-meta{color:#6b7280;border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.75rem;font-size:.8125rem;display:flex}.issue-meta span{align-items:center;gap:.25rem;display:flex}.issue-wcag{color:#3730a3;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.view-report-btn{color:#fff;cursor:pointer;background-color:#0f52b7;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .3s;display:flex}.view-report-btn:hover:not(:disabled){background-color:#0a3d8a}.view-report-btn:disabled{cursor:not-allowed;background-color:#9ca3af}#fullReportSection{display:none}#fullReportSection.visible{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-tabs{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem;padding:.5rem .5rem 0;display:flex}.report-tab{color:#6b7280;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.report-tab:hover{color:#0f52b7;background-color:#0f52b70d}.report-tab.active{color:#0f52b7;background-color:#fff;border-bottom-color:#0f52b7;font-weight:600}.report-tab-count{color:#4b5563;background-color:#e5e7eb;border-radius:12px;padding:.125rem .625rem;font-size:.75rem;font-weight:600}.report-tab.active .report-tab-count{color:#fff;background-color:#0f52b7}.tab-panel{display:none}.tab-panel.active{display:block}.report-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:.875rem;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.report-item:hover{box-shadow:0 4px 12px #00000014}.report-item-header{cursor:pointer;background-color:#f9fafb;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background-color .2s;display:flex}.report-item-header:hover{background-color:#f3f4f6}.report-item-header:after{content:"▶";color:#9ca3af;flex-shrink:0;font-size:.75rem;transition:transform .3s}.report-item.expanded .report-item-header{background-color:#f3f4f6;border-bottom-color:#e5e7eb}.report-item.expanded .report-item-header:after{color:#0f52b7;transform:rotate(90deg)}.report-item-title{color:#1f2937;flex:1;font-weight:500;line-height:1.4}.report-item-impact{text-transform:uppercase;letter-spacing:.025em;border-radius:6px;flex-shrink:0;padding:.25rem .625rem;font-size:.6875rem;font-weight:700}.report-item-impact.critical{color:#fff;background-color:#dc2626}.report-item-impact.serious{color:#fff;background-color:#ea580c}.report-item-impact.moderate{color:#fff;background-color:#ca8a04}.report-item-impact.minor{color:#fff;background-color:#2563eb}.report-item-content{background-color:#fff;border-top:1px solid #e5e7eb;padding:1.25rem;display:none}.report-item.expanded .report-item-content{animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.report-item-description{color:#4b5563;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.report-item-help{color:#0f52b7;background-color:#eff6ff;border-radius:6px;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.report-item-help:hover{background-color:#dbeafe;text-decoration:none}.report-item-help:after{content:"→"}.nodes-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.nodes-section h4{color:#374151;align-items:center;gap:.5rem;margin-bottom:.875rem;font-size:.875rem;font-weight:600;display:flex}.nodes-section h4:before{content:"📍";font-size:1rem}.node-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;padding:1rem}.node-html{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:8px;margin-bottom:.75rem;padding:.875rem 1rem;font-family:Courier New,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto}.node-target{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.node-target code{color:#374151;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.75rem}.node-failure{color:#dc2626;background-color:#fef2f2;border-left:3px solid #dc2626;border-radius:6px;margin-top:.75rem;padding:.75rem;font-size:.8125rem;line-height:1.5}.pass-item{background:#fff;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:10px;margin-bottom:.75rem;padding:1rem 1.25rem;transition:box-shadow .2s}.pass-item:hover{box-shadow:0 2px 8px #16a34a1a}.pass-item-title{color:#166534;align-items:center;gap:.5rem;margin-bottom:.375rem;font-weight:600;display:flex}.pass-item-title:before{content:"✓";color:#fff;background-color:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.pass-item-description{color:#4b5563;padding-left:1.75rem;font-size:.875rem;line-height:1.5}.incomplete-item{background:#fff;border:1px solid #fef08a;border-left:4px solid #ca8a04;border-radius:10px;margin-bottom:.75rem;padding:1rem 1.25rem;transition:box-shadow .2s}.incomplete-item:hover{box-shadow:0 2px 8px #ca8a041a}.incomplete-item-title{color:#854d0e;align-items:center;gap:.5rem;margin-bottom:.375rem;font-weight:600;display:flex}.incomplete-item-title:before{content:"?";color:#fff;background-color:#ca8a04;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.incomplete-item-description{color:#4b5563;padding-left:1.75rem;font-size:.875rem;line-height:1.5}.empty-state{text-align:center;color:#9ca3af;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:3rem 2rem}.empty-state:before{content:"📭";margin-bottom:.75rem;font-size:2rem;display:block}.notification{z-index:99999;opacity:1;background-color:#fff;border:2px solid #ccc;border-radius:8px;max-width:350px;padding:0;transition:opacity .5s;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.notification-content{text-align:center;flex-direction:column;align-items:center;padding:20px;display:flex}.notification-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;font-size:32px;display:flex}.success-notification .notification-icon{color:#0f9d58;background-color:#dbf1e4}.error-notification .notification-icon{color:#d32f2f;background-color:#fde7e9}.warning-notification .notification-icon{color:#856404;background-color:#fff3cd}.notification h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:700}.notification p{color:#666;margin:0;font-size:14px}@media (max-width:768px){.notification{max-width:calc(100% - 20px);top:10px;left:10px;right:10px}.results-header{text-align:center;flex-direction:column;align-items:center}.url-analyzed{text-align:center}}