:root{--sa-color-bg:#f3f4f6;--sa-color-bg-input:#fff;--sa-color-text:#111827;--sa-color-text-secondary:#6b7280;--sa-color-border:#d1d5db;--sa-color-accent:#3b82f6;--sa-color-accent-hover:#2563eb;--sa-color-error:#ef4444;--sa-spacing:4px}.seo-analyzer{background-color:var(--sa-color-bg);color:var(--sa-color-text);padding:calc(6 * var(--sa-spacing));max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.seo-analyzer__header{margin-bottom:calc(8 * var(--sa-spacing));text-align:center;border-bottom:2px solid var(--sa-color-accent);padding-bottom:calc(6 * var(--sa-spacing))}.seo-analyzer__header h1{margin:0 0 calc(2 * var(--sa-spacing)) 0;color:var(--sa-color-accent);font-size:28px;font-weight:700}.seo-analyzer__header p{color:var(--sa-color-text-secondary);margin:0;font-size:16px}.seo-analyzer__main{gap:calc(6 * var(--sa-spacing));margin-bottom:calc(8 * var(--sa-spacing));flex-direction:column;display:flex}.seo-analyzer__input-section{padding:calc(5 * var(--sa-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.seo-analyzer__input-group{gap:calc(2 * var(--sa-spacing));display:flex}.seo-analyzer__input{padding:calc(2.5 * var(--sa-spacing));border:1px solid var(--sa-color-border);color:var(--sa-color-text);background-color:var(--sa-color-bg-input);box-sizing:border-box;border-radius:4px;flex:1;font-size:14px;transition:border-color .2s}.seo-analyzer__input:focus{border-color:var(--sa-color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.seo-analyzer__analyze-btn{padding:calc(2.5 * var(--sa-spacing)) calc(4 * var(--sa-spacing));background-color:var(--sa-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;font-weight:600;transition:background-color .2s}.seo-analyzer__analyze-btn:hover:not(:disabled){background-color:var(--sa-color-accent-hover)}.seo-analyzer__analyze-btn:disabled{background-color:var(--sa-color-border);cursor:not-allowed;opacity:.6}.seo-analyzer__error{padding:calc(3 * var(--sa-spacing));margin-top:calc(3 * var(--sa-spacing));color:var(--sa-color-error);background-color:#ef44440d;border:1px solid #ef444433;border-radius:4px;font-size:13px}.seo-analyzer__score-section{padding:calc(5 * var(--sa-spacing));gap:calc(6 * var(--sa-spacing));background:#fff;border-radius:8px;grid-template-columns:200px 1fr;align-items:center;display:grid;box-shadow:0 1px 3px #0000001a}.seo-analyzer__score-circle{border:4px solid #059669;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;font-weight:700;display:flex}.seo-analyzer__score-number{font-size:48px;line-height:1}.seo-analyzer__score-label{text-transform:uppercase;letter-spacing:.5px;margin-top:calc(1 * var(--sa-spacing));font-size:12px}.seo-analyzer__metrics-grid{gap:calc(3 * var(--sa-spacing));grid-template-columns:repeat(2,1fr);display:grid}.seo-analyzer__metric{padding:calc(2 * var(--sa-spacing));background-color:var(--sa-color-bg);border-radius:4px;justify-content:space-between;align-items:center;display:flex}.seo-analyzer__metric-label{font-size:13px;font-weight:600}.seo-analyzer__metric-good{color:#10b981;font-weight:700}.seo-analyzer__metric-warning{color:var(--sa-color-error);font-weight:700}.seo-analyzer__details{padding:calc(5 * var(--sa-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.seo-analyzer__details-title{margin:0 0 calc(3 * var(--sa-spacing)) 0;font-size:16px;font-weight:600}.seo-analyzer__detail-item{margin-bottom:calc(4 * var(--sa-spacing));padding-bottom:calc(4 * var(--sa-spacing));border-bottom:1px solid var(--sa-color-border)}.seo-analyzer__detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.seo-analyzer__detail-item h3{margin:0 0 calc(1 * var(--sa-spacing)) 0;font-size:14px;font-weight:600}.seo-analyzer__detail-item p{margin:calc(1 * var(--sa-spacing)) 0;color:var(--sa-color-text-secondary);font-size:13px}.seo-analyzer__suggestions{padding:calc(5 * var(--sa-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.seo-analyzer__suggestions-title{margin:0 0 calc(3 * var(--sa-spacing)) 0;font-size:16px;font-weight:600}.seo-analyzer__suggestions-list{margin:0;padding:0;list-style:none}.seo-analyzer__suggestions-list li{padding:calc(2 * var(--sa-spacing));margin-bottom:calc(2 * var(--sa-spacing));color:var(--sa-color-text);background-color:#f59e0b0d;border-left:3px solid #f59e0b;font-size:13px}.seo-analyzer__actions{gap:calc(2 * var(--sa-spacing));display:flex}.seo-analyzer__action-btn{padding:calc(2.5 * var(--sa-spacing)) calc(3 * var(--sa-spacing));background-color:var(--sa-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;flex:1;font-size:13px;font-weight:600;transition:background-color .2s}.seo-analyzer__action-btn:hover{background-color:var(--sa-color-accent-hover)}.seo-analyzer__message{color:#10b981;padding:calc(3 * var(--sa-spacing));text-align:center;margin-top:calc(2 * var(--sa-spacing));background-color:#10b9811a;border:1px solid #10b9814d;border-radius:4px;font-size:14px;font-weight:500}.seo-analyzer__footer{text-align:center;border-top:1px solid var(--sa-color-border);padding-top:calc(4 * var(--sa-spacing));color:var(--sa-color-text-secondary);font-size:12px}.seo-analyzer__footer p{margin:0}.seo-analyzer__link{color:var(--sa-color-accent);font-weight:500;text-decoration:none}.seo-analyzer__link:hover{text-decoration:underline}@media (max-width:768px){.seo-analyzer{padding:calc(4 * var(--sa-spacing))}.seo-analyzer__header h1{font-size:24px}.seo-analyzer__score-section{grid-template-columns:1fr}.seo-analyzer__input-group{flex-direction:column}.seo-analyzer__input{width:100%}.seo-analyzer__actions{flex-direction:column}.seo-analyzer__action-btn{width:100%}}@media (max-width:480px){.seo-analyzer{padding:calc(3 * var(--sa-spacing))}.seo-analyzer__header h1{font-size:20px}.seo-analyzer__metrics-grid{grid-template-columns:1fr}}