.ro-seo-app{--ro-line:#dbe3ef;--ro-card:#fff;--ro-text:#172033;--ro-muted:#64748b;max-width:1200px;margin:20px auto;padding:clamp(14px,2vw,28px);background:var(--ro-bg);color:var(--ro-text);border-radius:22px;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.ro-seo-app *{box-sizing:border-box}.ro-seo-app[data-theme="dark"]{--ro-card:#172033;--ro-text:#edf3ff;--ro-muted:#b6c3d8;--ro-line:#35435b;background:#101827;color:var(--ro-text)}@media(prefers-color-scheme:dark){.ro-seo-app[data-theme="system"]{--ro-card:#172033;--ro-text:#edf3ff;--ro-muted:#b6c3d8;--ro-line:#35435b;background:#101827;color:var(--ro-text)}}.ro-seo-hero{display:flex;align-items:center;gap:16px;padding:24px;border-radius:17px;background:linear-gradient(var(--ro-angle),var(--ro-accent),var(--ro-accent2));color:white;margin-bottom:18px}.ro-seo-hero h2{color:white;margin:0 0 4px;font-size:clamp(23px,3vw,34px);line-height:1.2}.ro-seo-hero p{margin:0;color:#f3f7ff}.ro-seo-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}.ro-theme-toggle{margin-left:auto;flex-shrink:0;background:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.6);border-radius:9px;padding:9px 12px}.ro-seo-app button,.ro-seo-app input,.ro-seo-app select{font:inherit}.ro-seo-app button{cursor:pointer;border:0;border-radius:9px;background:var(--ro-accent);color:#fff;padding:11px 16px;font-weight:650}.ro-seo-app button:disabled{opacity:.6;cursor:wait}.ro-seo-app .secondary{background:transparent;color:var(--ro-text);border:1px solid var(--ro-line);padding:8px 11px;font-size:14px}.ro-seo-panel,.ro-seo-info,.ro-section,.ro-page{background:var(--ro-card);border:1px solid var(--ro-line);border-radius:15px;padding:18px;margin-bottom:16px}.ro-seo-panel label{display:block;font-weight:700;margin-bottom:7px}.ro-seo-formrow{display:flex;gap:10px}.ro-seo-formrow input,.ro-seo-formrow select{min-width:0;border:1px solid var(--ro-line);border-radius:9px;padding:11px 12px;background:var(--ro-card);color:var(--ro-text)}.ro-seo-formrow input{flex:1}.ro-seo-hint,.ro-seo-panel #ro-seo-progress{font-size:13px;color:var(--ro-muted);margin:10px 0 0}.ro-report-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ro-card);border:1px solid var(--ro-line);border-radius:15px;padding:20px;margin:0 0 15px}.ro-report-head h3{margin:0 0 5px;overflow-wrap:anywhere}.ro-report-head p{margin:3px 0;color:var(--ro-muted)}.ro-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--ro-accent)!important}.ro-score{flex-shrink:0;width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:7px solid var(--ro-accent2);gap:1px}.ro-score strong{font-size:29px}.ro-score span{font-size:11px;color:var(--ro-muted)}.ro-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.ro-metrics>div,.ro-check-grid>div{background:var(--ro-card);border:1px solid var(--ro-line);border-radius:13px;padding:15px;min-width:0}.ro-metrics b{display:block;font-size:28px;line-height:1.2}.ro-metrics span,.ro-check-grid small{display:block;color:var(--ro-muted);font-size:13px;margin-top:5px}.ro-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}.ro-check-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.ro-check-grid small{grid-column:1/-1}.ro-badge{display:inline-block;border-radius:100px;padding:3px 8px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.ro-badge.critical,.ro-badge.bad{background:#fee2e2;color:#991b1b}.ro-badge.warning{background:#fef3c7;color:#92400e}.ro-badge.info{background:#dbeafe;color:#1e40af}.ro-badge.good{background:#d1fae5;color:#065f46}.ro-section h3{font-size:19px;margin:0 0 12px}.ro-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ro-actions{display:flex;gap:7px;flex-wrap:wrap}.ro-page{padding:0;overflow:hidden;margin-bottom:9px}.ro-page summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px;cursor:pointer;list-style:none}.ro-page summary::-webkit-details-marker{display:none}.ro-status{font-size:12px;font-weight:800;border-radius:6px;padding:4px 6px;background:#d1fae5;color:#065f46}.ro-status.bad{background:#fee2e2;color:#991b1b}.ro-page-title{font-weight:750;flex:1;min-width:120px}.ro-page summary small{color:var(--ro-muted);font-size:12px;overflow-wrap:anywhere;max-width:100%}.ro-page-body{padding:0 14px 14px;border-top:1px solid var(--ro-line)}.ro-page-body p{overflow-wrap:anywhere}.ro-issue{padding:11px 12px;border-left:3px solid #94a3b8;background:rgba(148,163,184,.08);border-radius:7px;margin:9px 0}.ro-issue.critical{border-left-color:#ef4444}.ro-issue.warning{border-left-color:#f59e0b}.ro-issue.info{border-left-color:#3b82f6}.ro-issue-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ro-issue p{margin:7px 0 0;color:var(--ro-muted)}.ro-passed{color:var(--ro-muted);font-size:13px}.ro-passed ul{margin-top:4px}.ro-broken{display:grid;grid-template-columns:48px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid var(--ro-line)}.ro-broken span{font-weight:800;color:#dc2626}.ro-broken a{overflow-wrap:anywhere;color:var(--ro-accent)}.ro-broken small{grid-column:2;color:var(--ro-muted)}.ro-disclaimer{font-size:12px;color:var(--ro-muted);padding:5px 3px}.ro-seo-info details{padding:9px 0;border-bottom:1px solid var(--ro-line)}.ro-seo-info details:last-of-type{border-bottom:0}.ro-seo-info summary{font-weight:750;cursor:pointer}.ro-seo-info p{color:var(--ro-muted);margin:8px 0}.ro-seo-credit{text-align:center;font-size:12px;margin:16px 0 0!important}.ro-seo-credit a{color:var(--ro-accent)}.ro-error{color:#dc2626}.ro-seo-app a{overflow-wrap:anywhere}@media(max-width:700px){.ro-seo-formrow{flex-direction:column}.ro-seo-formrow input,.ro-seo-formrow select{width:100%}.ro-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ro-check-grid{grid-template-columns:1fr}.ro-seo-hero{align-items:flex-start;flex-wrap:wrap}.ro-theme-toggle{margin-left:0}.ro-report-head{align-items:flex-start}.ro-score{width:75px;height:75px}.ro-score strong{font-size:24px}.ro-page summary{align-items:flex-start}.ro-page summary small{width:100%}}@media print{body *{visibility:hidden!important}.ro-seo-app,.ro-seo-app *{visibility:visible!important}.ro-seo-app{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0;padding:0;background:#fff!important;color:#111!important;border:0}.ro-seo-app button,.ro-seo-panel,.ro-theme-toggle,.ro-seo-info{display:none!important}.ro-page,.ro-section,.ro-report-head,.ro-metrics>div,.ro-check-grid>div{break-inside:avoid;background:#fff!important;color:#111!important;border-color:#ccc!important}.ro-page:not([open]) .ro-page-body{display:block!important}.ro-seo-results{display:block!important}}

/* v1.0.1: theme-aware native dropdowns and viewport-height layout */
.ro-seo-app{min-height:100vh;display:flex;flex-direction:column;width:100%;}
.ro-seo-app .ro-seo-results{flex:1 0 auto;min-width:0;}
.ro-seo-app .ro-seo-info{margin-top:auto;}
.ro-seo-app select,.ro-seo-app select option{color:#172033;background-color:#fff;color-scheme:light;}
.ro-seo-app[data-theme="dark"] select,.ro-seo-app[data-theme="dark"] select option{color:#edf3ff;background-color:#172033;color-scheme:dark;}
@media(prefers-color-scheme:dark){.ro-seo-app[data-theme="system"] select,.ro-seo-app[data-theme="system"] select option{color:#edf3ff;background-color:#172033;color-scheme:dark;}}
.ro-seo-app[data-theme="light"] select,.ro-seo-app[data-theme="light"] select option{color:#172033;background-color:#fff;color-scheme:light;}
@media(max-width:700px){.ro-seo-app{min-height:100vh;border-radius:0;margin:0 auto;}}