*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}#root{width:100%;min-height:100vh}:root{--green:#4ade80;--green-light:#4ade801a;--amber:#fbb040;--amber-light:#fbb0401a;--red:#f87171;--red-light:#f871711a}.results-panel{flex-direction:column;gap:1.25rem;width:100%;max-width:1680px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex}.results-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}.results-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:1.25rem}.sidebar-actions{flex-direction:column;gap:.75rem;display:flex}.results-main{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.results-tabs{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);flex-wrap:wrap;gap:.4rem;padding:.35rem;display:flex}.results-tab{color:var(--text-muted,#7b849a);cursor:pointer;transition:background var(--ease,.18s ease), color var(--ease,.18s ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.results-tab:hover{color:var(--text-main,#dde1f0);background:#ffffff0a}.results-tab.is-active{color:var(--text-main,#dde1f0);background:#ffffff14}.results-tab-icon{font-size:1rem}.results-tab-badge{background:var(--red,#f87171);color:#050608;border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:800;line-height:1.4}.results-tab-panel{flex-direction:column;display:flex}.results-findings{flex-direction:column;gap:1.25rem;display:flex}@media (width>=1400px){.results-findings{column-count:2;column-gap:1.5rem;display:block}.results-findings .category-section{break-inside:avoid;margin-bottom:1.5rem}}.site-info-card{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius,14px);box-shadow:var(--shadow,0 4px 24px #0000008c);flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.site-info-header{align-items:flex-start;gap:.7rem;display:flex}.site-info-globe{flex-shrink:0;margin-top:.05rem;font-size:1.4rem;line-height:1}.site-info-heading{flex-direction:column;gap:.3rem;min-width:0;display:flex}.site-info-hostname{color:var(--text-main,#dde1f0);word-break:break-all;font-size:1.05rem;font-weight:700;text-decoration:none}.site-info-hostname:hover{color:var(--brand,#7bd300);text-decoration:underline}.site-info-protocol{border-radius:999px;align-items:center;gap:.3rem;width:fit-content;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.protocol-secure{background:var(--green-light);color:var(--green,#4ade80)}.protocol-insecure{background:var(--red-light);color:var(--red,#f87171)}.site-info-full-url{color:var(--text-muted,#7b849a);word-break:break-all;margin-top:-.75rem;font-size:.78rem;text-decoration:none;display:block}.site-info-full-url:hover{color:var(--cyan,#00bcd4);text-decoration:underline}.site-info-timestamp{color:var(--text-muted,#7b849a);margin:-.5rem 0 0;font-size:.78rem}.score-area{align-items:center;gap:1.5rem;display:flex}.score-circle{border:4px solid;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;font-weight:800;display:flex}.score-number{font-size:1.6rem;line-height:1}.score-pct{opacity:.8;font-size:.65rem}.score-excellent{color:var(--brand,#7bd300);background:var(--brand-dim,#7bd3001f)}.score-good{color:var(--cyan,#00bcd4);background:var(--cyan-dim,#00bcd41f)}.score-needs-work{color:var(--amber,#fbb040);background:var(--amber-light)}.score-critical{color:var(--red,#f87171);background:var(--red-light)}.score-info{flex-direction:column;gap:.25rem;display:flex}.score-label{font-size:1.1rem;font-weight:700}.score-label.score-excellent{color:var(--brand,#7bd300)}.score-label.score-good{color:var(--cyan,#00bcd4)}.score-label.score-needs-work{color:var(--amber,#fbb040)}.score-label.score-critical{color:var(--red,#f87171)}.score-desc{color:var(--text-muted,#7b849a);font-size:.8rem}.score-bar{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.score-fill{border-radius:999px;height:100%;transition:width .8s}.score-fill.score-excellent{background:var(--brand,#7bd300)}.score-fill.score-good{background:var(--cyan,#00bcd4)}.score-fill.score-needs-work{background:var(--amber,#fbb040)}.score-fill.score-critical{background:var(--red,#f87171)}.summary-counts{flex-wrap:wrap;gap:.75rem;display:flex}.count-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.badge-icon{font-size:.75rem}.badge-pass{background:var(--green-light);color:var(--green)}.badge-warn{background:var(--amber-light);color:var(--amber)}.badge-fail{background:var(--red-light);color:var(--red)}.site-info-categories{border-top:1px solid var(--border,#1c2236);flex-direction:column;gap:.6rem;padding-top:1rem;display:flex}.site-info-categories-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#7b849a);font-size:.72rem;font-weight:700}.category-breakdown-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.category-breakdown-row{align-items:center;gap:.5rem;display:flex}.cb-icon{flex-shrink:0;font-size:.95rem}.cb-label{color:var(--text-main,#dde1f0);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden}.cb-badges{flex-shrink:0;gap:.3rem;display:flex}.category-section{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);overflow:hidden}.category-header{cursor:pointer;text-align:left;width:100%;transition:background var(--ease,.18s ease);background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;font-family:inherit;display:flex}.category-header:hover{background:#ffffff08}.header-fail{border-left-color:var(--red)}.header-warn{border-left-color:var(--amber)}.header-pass{border-left-color:var(--green)}.category-icon{flex-shrink:0;font-size:1.25rem}.category-label{color:var(--text-main,#dde1f0);flex:1;font-size:.95rem;font-weight:700}.category-counts{flex-wrap:wrap;gap:.4rem;display:flex}.mini-badge{white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.mini-pass{background:var(--green-light);color:var(--green)}.mini-warn{background:var(--amber-light);color:var(--amber)}.mini-fail{background:var(--red-light);color:var(--red)}.chevron{color:var(--text-muted,#7b849a);transition:transform var(--ease,.18s ease);flex-shrink:0;font-size:1rem}.chevron-open{transform:rotate(180deg)}.findings-list{border-top:1px solid var(--border,#1c2236);margin:0;padding:0;list-style:none}.finding-row{border-bottom:1px solid var(--border,#1c2236);border-left:3px solid #0000;align-items:flex-start;gap:.85rem;padding:.85rem 1.25rem;display:flex}.finding-row:last-child{border-bottom:none}.status-pass{border-left-color:var(--green)}.status-warn{border-left-color:var(--amber)}.status-fail{border-left-color:var(--red)}.finding-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;margin-top:.1rem;font-size:.7rem;font-weight:800;display:flex}.status-pass .finding-dot{background:var(--green);color:#050608}.status-warn .finding-dot{background:var(--amber);color:#050608}.status-fail .finding-dot{background:var(--red);color:#050608}.status-pass{opacity:.65}.status-pass:hover{opacity:1}.finding-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.finding-title{color:var(--text-main,#dde1f0);font-size:.875rem;font-weight:600;line-height:1.35}.finding-detail{color:var(--text-muted,#7b849a);word-break:break-word;font-size:.78rem;line-height:1.55}.finding-location{color:var(--text-muted,#7b849a);font-size:.75rem;font-style:italic}.finding-code{background:var(--bg-input,#080a10);border-left:2px solid var(--border-lit,#2d3550);border-radius:6px;flex-direction:column;gap:.15rem;margin-top:.35rem;padding:.55rem .75rem;display:flex}.finding-code-label{letter-spacing:.02em;color:var(--text-muted,#7b849a);text-transform:uppercase;font-size:.7rem;font-weight:700}.finding-code-text{color:var(--text-main,#dde1f0);white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;line-height:1.5}.finding-fix{background:var(--cyan-dim,#00bcd41f);border-left:2px solid var(--cyan,#00bcd4);border-radius:6px;flex-direction:column;gap:.15rem;margin-top:.35rem;padding:.55rem .75rem;display:flex}.finding-fix-label{letter-spacing:.02em;color:var(--cyan,#00bcd4);text-transform:uppercase;font-size:.7rem;font-weight:700}.finding-fix-text{color:var(--text-main,#dde1f0);word-break:break-word;font-size:.78rem;line-height:1.55}.finding-enhancement{background:#ffc5421a;border-left:2px solid #ffc542;border-radius:6px;flex-direction:column;gap:.15rem;margin-top:.35rem;padding:.55rem .75rem;display:flex}.finding-enhancement-label{letter-spacing:.02em;color:#ffc542;text-transform:uppercase;font-size:.7rem;font-weight:700}.finding-enhancement-text{color:var(--text-main,#dde1f0);word-break:break-word;font-size:.78rem;line-height:1.55}.ai-section{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);border-left:4px solid var(--brand,#7bd300);flex-direction:column;gap:1.25rem;padding:1.5rem 1.5rem 1.5rem calc(1.5rem - 4px);display:flex;overflow:hidden}.ai-section-header{align-items:flex-start;gap:.85rem;display:flex}.ai-icon{color:var(--brand,#7bd300);flex-shrink:0;margin-top:.05rem;font-size:1.5rem;line-height:1}.ai-title-group{flex-direction:column;gap:.2rem;display:flex}.ai-title{color:var(--text-main,#dde1f0);margin:0;font-size:1rem;font-weight:700}.ai-subtitle{color:var(--text-muted,#7b849a);margin:0;font-size:.78rem;line-height:1.4}.ai-controls{align-items:center;gap:.85rem;display:flex}.ai-generate-btn{background:var(--brand,#7bd300);color:#050608;cursor:pointer;white-space:nowrap;transition:background var(--ease,.18s ease), transform var(--ease,.18s ease);border:none;border-radius:999px;padding:.6rem 1.6rem;font-family:inherit;font-size:.875rem;font-weight:700}.ai-generate-btn:hover:not(:disabled){background:#8fe600;transform:translateY(-1px)}.ai-generate-btn:disabled{background:var(--border,#1c2236);color:var(--text-muted,#7b849a);cursor:not-allowed}.ai-loading{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.ai-spinner{border:2.5px solid #7bd30026;border-top-color:var(--brand,#7bd300);border-radius:50%;flex-shrink:0;width:1.4rem;height:1.4rem;animation:.75s linear infinite spin}.ai-loading-text{color:var(--text-muted,#7b849a);font-size:.875rem}.ai-error{background:var(--red-light);border-radius:var(--radius-sm,10px);border:1px solid #f8717138;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;display:flex}.ai-error-icon{color:var(--red,#f87171);flex-shrink:0;margin-top:.05rem;font-size:1.1rem}.ai-error-msg{color:var(--red,#f87171);margin:0;font-size:.82rem;line-height:1.5}.ai-output{border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);background:#00000040;padding:1.1rem 1.25rem;position:relative}.ai-output-toolbar{justify-content:flex-end;margin-bottom:.6rem;display:flex}.ai-copy-btn{color:var(--text-muted,#7b849a);border:1px solid var(--border,#1c2236);cursor:pointer;transition:background var(--ease,.18s ease), color var(--ease,.18s ease);background:#ffffff0f;border-radius:999px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600}.ai-copy-btn:hover{color:var(--text-main,#dde1f0);background:#ffffff1f}.ai-text{color:var(--text-main,#dde1f0);white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:.875rem;line-height:1.75}.ai-cursor{background:var(--brand,#7bd300);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.75s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.indexnow-section{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);border-left:4px solid var(--cyan,#00bcd4);flex-direction:column;gap:1.25rem;padding:1.5rem 1.5rem 1.5rem calc(1.5rem - 4px);display:flex;overflow:hidden}.indexnow-section-header{align-items:flex-start;gap:.85rem;display:flex}.indexnow-icon{color:var(--cyan,#00bcd4);flex-shrink:0;margin-top:.05rem;font-size:1.5rem;line-height:1}.indexnow-title-group{flex-direction:column;gap:.2rem;display:flex}.indexnow-title{color:var(--text-main,#dde1f0);margin:0;font-size:1rem;font-weight:700}.indexnow-subtitle{color:var(--text-muted,#7b849a);margin:0;font-size:.78rem;line-height:1.45}.indexnow-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#7b849a);margin-bottom:.4rem;font-size:.75rem;font-weight:600;display:block}.indexnow-key-row{flex-wrap:wrap;gap:.6rem;display:flex}.indexnow-key-input{border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);min-width:220px;color:var(--text-main,#dde1f0);background:#00000040;flex:1;padding:.65rem .9rem;font-family:inherit;font-size:.85rem}.indexnow-key-input:focus{border-color:var(--cyan,#00bcd4);outline:none}.indexnow-btn-secondary{color:var(--text-main,#dde1f0);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);cursor:pointer;white-space:nowrap;transition:border-color var(--ease,.18s ease), background var(--ease,.18s ease);background:0 0;padding:.6rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:600}.indexnow-btn-secondary:hover:not(:disabled){border-color:var(--cyan,#00bcd4);background:#00bcd41a}.indexnow-btn-secondary:disabled{color:var(--text-muted,#7b849a);cursor:not-allowed}.indexnow-hint{color:var(--text-muted,#7b849a);margin:.6rem 0 0;font-size:.78rem;line-height:1.55}.indexnow-key-location{color:var(--cyan,#00bcd4);word-break:break-all;background:#00bcd41a;border-radius:4px;padding:.1rem .4rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem}.indexnow-extra-input{border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);width:100%;color:var(--text-main,#dde1f0);resize:vertical;background:#00000040;padding:.65rem .9rem;font-family:inherit;font-size:.82rem}.indexnow-extra-input:focus{border-color:var(--cyan,#00bcd4);outline:none}.indexnow-controls{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.indexnow-submit-btn{background:var(--cyan,#00bcd4);color:#050608;cursor:pointer;white-space:nowrap;transition:background var(--ease,.18s ease), transform var(--ease,.18s ease);border:none;border-radius:999px;padding:.6rem 1.6rem;font-family:inherit;font-size:.875rem;font-weight:700}.indexnow-submit-btn:hover:not(:disabled){background:#22d3ee;transform:translateY(-1px)}.indexnow-submit-btn:disabled{background:var(--border,#1c2236);color:var(--text-muted,#7b849a);cursor:not-allowed}.indexnow-key-warning{color:var(--amber,#fbb040);font-size:.78rem}.indexnow-result{border-radius:var(--radius-sm,10px);align-items:flex-start;gap:.6rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.5;display:flex}.indexnow-result--success{background:var(--green-light);color:var(--green,#4ade80);border:1px solid #4ade8038}.indexnow-result--error{background:var(--red-light);color:var(--red,#f87171);border:1px solid #f8717138}.download-btn{background:var(--brand,#7bd300);color:#050608;cursor:pointer;transition:background var(--ease,.18s ease), transform var(--ease,.18s ease);border:none;border-radius:999px;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:700}.download-btn:hover{background:#8fe600;transform:translateY(-1px)}.download-btn:disabled{background:var(--border,#1c2236);color:var(--text-muted,#7b849a);cursor:not-allowed;transform:none}.sidebar-error-msg{color:var(--red,#f87171);margin:-.4rem 0 0;font-size:.8rem;line-height:1.4}.reset-btn{color:var(--text-main,#dde1f0);border:2px solid var(--border,#1c2236);cursor:pointer;transition:border-color var(--ease,.18s ease), background var(--ease,.18s ease);background:0 0;border-radius:999px;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600}.reset-btn:hover{border-color:var(--brand,#7bd300);background:var(--brand-dim,#7bd3001f)}.submission-tab{flex-direction:column;gap:1.25rem;display:flex}.submission-intro{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.submission-intro-title{color:var(--text-main,#dde1f0);margin:0;font-size:1.05rem;font-weight:700}.submission-intro p{color:var(--text-muted,#7b849a);margin:0;font-size:.85rem;line-height:1.6}.submission-intro em{color:var(--text-main,#dde1f0);font-style:normal;font-weight:600}.manual-submit-section{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);border-left:4px solid var(--amber,#fbb040);flex-direction:column;gap:1.25rem;padding:1.5rem 1.5rem 1.5rem calc(1.5rem - 4px);display:flex}.manual-submit-header{flex-direction:column;gap:.4rem;display:flex}.manual-submit-title{color:var(--text-main,#dde1f0);margin:0;font-size:1rem;font-weight:700}.manual-submit-subtitle{color:var(--text-muted,#7b849a);margin:0;font-size:.8rem;line-height:1.55}.manual-submit-subtitle strong{color:var(--text-main,#dde1f0)}.manual-submit-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.manual-submit-card{border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);background:#00000040;flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.manual-submit-card-header{align-items:center;gap:.6rem;display:flex}.manual-submit-icon{font-size:1.2rem}.manual-submit-name{color:var(--text-main,#dde1f0);margin:0;font-size:.9rem;font-weight:700}.manual-submit-steps{flex-direction:column;gap:.35rem;margin:0;padding-left:1.1rem;display:flex}.manual-submit-steps li{color:var(--text-muted,#7b849a);font-size:.78rem;line-height:1.5}.manual-submit-link{background:var(--amber-light);color:var(--amber,#fbb040);transition:background var(--ease,.18s ease);border-radius:999px;align-self:flex-start;padding:.45rem 1rem;font-size:.78rem;font-weight:700;text-decoration:none}.manual-submit-link:hover{background:#fbb04038}.submission-sitemap-hint{color:var(--text-muted,#7b849a);margin:0;font-size:.8rem;line-height:1.6}.submission-sitemap-hint strong{color:var(--text-main,#dde1f0)}@media (width<=980px){.results-layout{grid-template-columns:1fr}.results-sidebar{position:static}}@media (width<=600px){.results-panel{padding:1.5rem 1rem 2rem}.site-info-card{padding:1.5rem 1.25rem}.score-area{flex-wrap:wrap}.category-counts{display:none}.finding-row{padding:.75rem 1rem}}.results-tab-count{color:var(--text-muted,#7b849a);background:#ffffff14;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:800;line-height:1.4}.findings-list--standalone{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);border-top:none}.top-issues-intro{color:var(--text-muted,#7b849a);max-width:60ch;margin:0 0 1rem;font-size:.85rem;line-height:1.6}.empty-note{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);color:var(--text-muted,#7b849a);padding:1.25rem;font-size:.85rem;font-style:italic}.pages-list{flex-direction:column;gap:.85rem;display:flex}.pages-sort-row{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.pages-sort-label{color:var(--text-muted,#7b849a);font-size:.8rem;font-weight:600}.pages-sort-select{background:var(--bg-input,#080a10);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);color:var(--text-main,#dde1f0);padding:.4rem .65rem;font-size:.82rem}.pages-sort-select:focus{border-color:var(--cyan,#00bcd4);outline:none}.page-row-score{min-width:2.25rem;height:2.25rem;color:var(--text-main,#dde1f0);background:#ffffff0f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .4rem;font-size:.85rem;font-weight:800;display:inline-flex}.page-row-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:600;overflow:hidden}.page-row-depth{color:var(--text-muted,#7b849a);background:#ffffff0a;border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-size:.75rem}.page-row-categories{border-top:1px solid var(--border,#1c2236);flex-direction:column;gap:.85rem;padding:.85rem;display:flex}.page-detail-view{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);padding:1.25rem}.page-detail-columns{align-items:flex-start;gap:1.25rem;display:flex}@media (width<=900px){.page-detail-columns{flex-direction:column}}.page-detail-panel{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.page-detail-panel-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#7b849a);margin:0;font-size:.8rem;font-weight:700}.page-detail-screenshot{object-fit:contain;object-position:top;border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);background:#fff;width:100%;max-height:480px}.page-source-search{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.page-source-chip{border:1px solid var(--border,#1c2236);color:var(--text-main,#dde1f0);cursor:pointer;transition:background var(--ease,.18s ease), border-color var(--ease,.18s ease);background:#ffffff0f;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;display:inline-flex}.page-source-chip:hover{background:#ffffff1a}.page-source-chip-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.page-source-chip--fail .page-source-chip-dot{background:var(--red,#f87171)}.page-source-chip--warn .page-source-chip-dot{background:var(--amber,#fbb040)}.page-source-chip.is-active{border-color:var(--brand,#7bd300);color:var(--brand,#7bd300);background:#7bd30026}.page-source-chip--missing{opacity:.75;border-style:dashed}.page-source-chip--missing .page-source-chip-dot{opacity:.5}.page-source-chip-missing-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#7b849a);font-size:.6rem}.page-source-missing-note{border-radius:var(--radius-sm,10px);color:var(--amber,#fbb040);background:#fbb04014;border:1px solid #fbb0404d;margin:.6rem 0 0;padding:.5rem .75rem;font-size:.8rem;line-height:1.5}.page-source-search-input{border:1px solid var(--border,#1c2236);min-width:10rem;color:var(--text-main,#dde1f0);background:#00000040;border-radius:999px;flex:1;padding:.35rem .7rem;font-family:inherit;font-size:.75rem}.page-source-search-input:focus{border-color:var(--brand,#7bd300);outline:none}.page-source-pre{border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);max-height:480px;color:var(--text-main,#dde1f0);white-space:pre;background:#00000040;margin:0;padding:1rem 0;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow:auto}.page-source-line{padding:0 1.25rem}.page-source-line:has(.page-source-highlight.is-active){background:#7bd3000f}.page-source-lineno{text-align:right;width:2.75rem;color:var(--text-muted,#7b849a);opacity:.6;-webkit-user-select:none;user-select:none;margin-right:1rem;display:inline-block}.page-source-highlight{border-radius:3px;padding:.05rem .2rem}.page-source-highlight--fail{background:var(--red-light);color:var(--red,#f87171);box-shadow:inset 0 0 0 1px #f8717159}.page-source-highlight--warn{background:var(--amber-light);color:var(--amber,#fbb040);box-shadow:inset 0 0 0 1px #fbb04059}.page-source-highlight.is-active{color:var(--brand,#7bd300);box-shadow:inset 0 0 0 1px var(--brand,#7bd300);background:#7bd3004d}.sitemap-tab{flex-direction:column;gap:1.25rem;display:flex}.sitemap-tab-header{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.sitemap-tab-title{color:var(--text-main,#dde1f0);margin:0 0 .4rem;font-size:1rem;font-weight:700}.sitemap-tab-subtitle{max-width:60ch;color:var(--text-muted,#7b849a);margin:0;font-size:.875rem;line-height:1.6}.sitemap-tab-subtitle code{color:var(--cyan,#00bcd4);font-family:SFMono-Regular,Consolas,monospace}.sitemap-download-btn{white-space:nowrap;flex-shrink:0}.sitemap-preview{background:var(--bg-card,#0e1017);border:1px solid var(--border,#1c2236);border-radius:var(--radius-sm,10px);box-shadow:var(--shadow,0 4px 24px #0000008c);color:var(--text-main,#dde1f0);white-space:pre;margin:0;padding:1.25rem 1.5rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.feedback-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#020306b8;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex;position:fixed;inset:0}.feedback-panel{background:var(--bg-card);border:1px solid var(--border-lit);border-radius:var(--radius);width:100%;max-width:540px;max-height:88vh;box-shadow:var(--shadow-hover);overflow-y:auto}.feedback-header{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.feedback-header h2{color:var(--text-main);margin:0;font-size:1.1rem}.feedback-close{border:1.5px solid var(--border-lit);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:border-color var(--ease), color var(--ease);background:0 0;flex-shrink:0;padding:.3rem .65rem;font-size:.85rem}.feedback-close:hover{border-color:var(--brand);color:var(--text-main)}.feedback-form{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}.feedback-field{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.feedback-field-row{gap:1rem;display:flex}.feedback-field label{color:var(--text-main);font-size:.85rem;font-weight:600}.feedback-required{color:var(--magenta)}.feedback-optional{color:var(--text-muted);font-size:.78rem;font-weight:400}.feedback-hint{color:var(--text-muted);margin:0;font-size:.78rem}.feedback-field input,.feedback-field select,.feedback-field textarea{box-sizing:border-box;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:border-color var(--ease), box-shadow var(--ease);outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.9rem}.feedback-field textarea{resize:vertical;line-height:1.6}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#374060}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}.pay-question{align-items:center;gap:.6rem;display:flex}.pay-btn{background:var(--bg-input);border:2px solid var(--border);color:var(--text-muted);cursor:pointer;transition:border-color var(--ease), color var(--ease), background var(--ease);border-radius:999px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600}.pay-btn:hover{border-color:var(--border-lit);color:var(--text-main)}.pay-btn.is-selected{border-color:var(--brand);background:var(--brand-dim);color:var(--brand)}.pixel-smiley{flex-shrink:0}.pixel-smiley rect{fill:var(--text-muted)}.feedback-submit{width:100%}.feedback-error{border-radius:var(--radius-sm);color:#f87171;background:#f871711a;border:1px solid #f87171;padding:.75rem 1rem;font-size:.85rem}.feedback-success{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1.5rem;display:flex}.feedback-success-icon{background:var(--brand-dim);width:2.5rem;height:2.5rem;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.feedback-success p{color:var(--text-main);margin:0}.feedback-issue-link{color:var(--brand);font-size:.85rem;font-weight:600;text-decoration:none}.feedback-issue-link:hover{text-decoration:underline}.feedback-success .submit-btn{width:100%;max-width:200px;margin-top:.5rem}@media (width<=560px){.feedback-field-row{flex-direction:column}}.about-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#020306b8;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex;position:fixed;inset:0}.about-panel{background:var(--bg-card);border:1px solid var(--border-lit);border-radius:var(--radius);width:100%;max-width:760px;max-height:88vh;box-shadow:var(--shadow-hover);overflow-y:auto}.about-header{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.about-header h2{color:var(--text-main);margin:0;font-size:1.1rem}.about-close{border:1.5px solid var(--border-lit);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:border-color var(--ease), color var(--ease);background:0 0;flex-shrink:0;padding:.3rem .65rem;font-size:.85rem}.about-close:hover{border-color:var(--brand);color:var(--text-main)}.about-body{flex-direction:column;gap:1.6rem;padding:1.5rem;display:flex}.about-intro{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.65}.about-section{flex-direction:column;gap:.75rem;display:flex}.about-section-title{color:var(--text-main);margin:0;font-size:.98rem;font-weight:700}.about-section-title--yes:before,.about-section-title--no:before{content:"";border-radius:50%;width:.5rem;height:.5rem;margin-right:.55rem;display:inline-block}.about-section-title--yes:before{background:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}.about-section-title--no:before{background:var(--magenta);box-shadow:0 0 0 3px #e91e6324}.about-section-note{color:var(--text-muted);margin:-.35rem 0 0;font-size:.78rem;font-style:italic}.about-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.about-list li{color:var(--text-muted);padding-left:1.1rem;font-size:.88rem;line-height:1.6;position:relative}.about-list li:before{content:"—";color:var(--border-lit);position:absolute;left:0}.about-list li strong{color:var(--text-main);font-weight:600}.about-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.about-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.82rem}.about-table thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-input);border-bottom:1px solid var(--border);white-space:nowrap;padding:.65rem .8rem;font-size:.68rem;font-weight:700}.about-table thead th.about-col-us{color:var(--brand)}.about-table tbody th{text-align:left;color:var(--text-main);border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .8rem;font-weight:500}.about-table tbody td{border-bottom:1px solid var(--border);color:var(--text-muted);padding:.55rem .8rem}.about-table tbody tr:last-child th,.about-table tbody tr:last-child td{border-bottom:none}.about-stat{font-weight:800;display:inline-block}.about-stat--yes{color:var(--brand)}.about-stat--partial{color:var(--cyan)}.about-stat--no{color:var(--text-muted);opacity:.6}.about-legend{color:var(--text-muted);flex-wrap:wrap;gap:1rem;font-size:.76rem;display:flex}.about-legend span{align-items:center;gap:.35rem;display:inline-flex}.about-verdict{background:var(--bg-input);border:1px dashed var(--border-lit);border-radius:var(--radius-sm);color:var(--text-main);margin:0;padding:1rem 1.1rem;font-size:.88rem;line-height:1.6}@media (width<=560px){.about-body{gap:1.3rem;padding:1.25rem}}:root{--brand:#7bd300;--brand-dim:#7bd3001f;--brand-glow:#7bd30047;--cyan:#00bcd4;--cyan-dim:#00bcd41f;--magenta:#e91e63;--bg-page:#050608;--bg-card:#0e1017;--bg-input:#080a10;--text-main:#dde1f0;--text-muted:#7b849a;--white:#fff;--border:#1c2236;--border-lit:#2d3550;--shadow:0 4px 24px #0000008c;--shadow-hover:0 10px 36px #000000bf;--radius:14px;--radius-sm:10px;--ease:.18s ease}.app{background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex}.skip-link{z-index:100;background:var(--cyan);color:#050608;border-bottom-right-radius:8px;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus-visible{top:0}.header{background-color:#050608;background-image:radial-gradient(circle at 0 0,#00bcd461 0%,#0000 45%),radial-gradient(circle at 100% 100%,#e91e6347 0%,#0000 45%);padding:1.1rem 2rem;box-shadow:0 2px 20px #0000008c}.header-inner{align-items:center;gap:1.25rem;max-width:960px;margin:0 auto;display:flex}.logo{align-items:center;gap:.55rem;display:flex}.logo-img{object-fit:cover;width:38px;height:38px;box-shadow:0 0 0 2px var(--brand), 0 0 12px var(--brand-glow);border-radius:50%}.logo-text{color:var(--white);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.header-tagline{color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;border-left:1px solid #ffffff26;padding-left:1.1rem;font-size:.78rem}.main{flex-direction:column;flex:1;gap:2.5rem;width:100%;max-width:960px;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex}.main--results{max-width:1680px;padding-top:2rem}.hero-section{text-align:center}.headline{letter-spacing:-.04em;background:linear-gradient(135deg, var(--brand) 20%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.65rem;font-size:2.6rem;font-weight:900;line-height:1.1}.subheadline{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem;line-height:1.5}.mode-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;gap:.35rem;margin:0 auto 1.5rem;padding:.3rem;display:inline-flex}.mode-toggle-btn{color:var(--text-muted);cursor:pointer;transition:background var(--ease), color var(--ease);background:0 0;border:none;border-radius:999px;padding:.55rem 1.2rem;font-family:inherit;font-size:.875rem;font-weight:700}.mode-toggle-btn:hover:not(:disabled){color:var(--text-main)}.mode-toggle-btn.is-active{background:var(--brand-dim);color:var(--brand)}.mode-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.crawl-options{color:var(--text-muted);justify-content:center;align-items:center;gap:.6rem;margin-top:.85rem;font-size:.875rem;display:flex}.crawl-options select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;padding:.4rem .65rem;font-family:inherit;font-size:.875rem;font-weight:600}.crawl-options select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim);outline:none}.url-form{max-width:640px;margin:0 auto}.url-input-wrap{background:var(--bg-input);border:2px solid var(--border);box-shadow:var(--shadow);transition:border-color var(--ease), box-shadow var(--ease);border-radius:999px;align-items:center;padding:.55rem .55rem .55rem 1.3rem;display:flex}.url-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-dim), var(--shadow)}.url-icon{flex-shrink:0;margin-right:.55rem;font-size:1.15rem}.url-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:1.05rem}.url-input::placeholder{color:#374060}.options-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.options-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.options-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.options-actions{align-items:center;gap:.45rem;font-size:.875rem;display:flex}.link-btn{cursor:pointer;color:var(--brand);transition:color var(--ease);background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem}.link-btn:hover{color:var(--cyan);text-decoration:underline}.dot-divider{color:var(--border-lit);-webkit-user-select:none;user-select:none}.cards-grid{grid-template-columns:repeat(3,1fr);gap:.9rem;display:grid}.option-card{background:var(--bg-page);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--ease), background var(--ease), box-shadow var(--ease), transform var(--ease);flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.15rem 1rem;font-family:inherit;display:flex;position:relative}.option-card:hover{border-color:var(--brand);background:var(--brand-dim);box-shadow:var(--shadow-hover), 0 0 20px var(--brand-glow);transform:translateY(-3px)}.option-card.is-selected{border-color:var(--brand);background:var(--brand-dim);box-shadow:0 0 0 3px #7bd30038, var(--shadow)}.card-check{background:var(--brand);color:#050608;opacity:0;width:1.2rem;height:1.2rem;transition:opacity var(--ease), transform var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:flex;position:absolute;top:.6rem;right:.75rem;transform:scale(.5)}.option-card.is-selected .card-check{opacity:1;transform:scale(1)}.card-icon{margin-bottom:.2rem;font-size:1.65rem;line-height:1}.card-label{color:var(--text-main);font-size:.875rem;font-weight:700;line-height:1.25}.card-desc{color:var(--text-muted);font-size:.76rem;line-height:1.5}.feature-card{background:var(--bg-page);border:2px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--ease), box-shadow var(--ease), transform var(--ease);flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.15rem 1rem;display:flex}.feature-card:hover{border-color:var(--cyan);box-shadow:var(--shadow-hover), 0 0 20px var(--cyan-dim);transform:translateY(-3px)}.submit-section{text-align:center;padding-bottom:.5rem}.submit-hint{color:var(--text-muted);margin-bottom:1.1rem;font-size:.875rem}.submit-btn{background:var(--brand);color:#050608;cursor:pointer;letter-spacing:.025em;box-shadow:0 6px 28px var(--brand-glow);transition:background var(--ease), transform var(--ease), box-shadow var(--ease);border:none;border-radius:999px;padding:1rem 3.2rem;font-family:inherit;font-size:1.05rem;font-weight:800;display:inline-block}.submit-btn:hover:not(:disabled){background:#8fe600;transform:translateY(-2px);box-shadow:0 12px 36px #7bd30066}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.footer{text-align:center;color:var(--text-muted);background:var(--bg-card);border-top:1px solid var(--border);padding:1.5rem 1rem;font-size:.8rem}.footer a{color:var(--brand);font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-link-btn{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.footer-link-btn:hover{text-decoration:underline}.loading-indicator{flex-direction:column;align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.spinner{border:3px solid #7bd30026;border-top-color:var(--brand);border-radius:50%;width:2.25rem;height:2.25rem;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);text-align:center;font-size:.9rem}.url-input-wrap.is-loading{opacity:.5}.submit-btn.is-loading{cursor:not-allowed;background:#5a9b00}.error-banner{border-radius:var(--radius-sm);background:#f8717114;border:1px solid #f8717138;border-left:4px solid #f87171;align-items:flex-start;gap:1rem;margin-bottom:.5rem;padding:1.1rem 1.25rem;display:flex}.error-icon{color:#f87171;flex-shrink:0;margin-top:.1rem;font-size:1.25rem}.error-body{flex:1}.error-body strong{color:#fca5a5;margin-bottom:.25rem;font-size:.9rem;display:block}.error-body p{color:#f87171;font-size:.82rem;line-height:1.45}.error-dismiss{cursor:pointer;color:#f87171;opacity:.7;transition:opacity var(--ease);background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem}.error-dismiss:hover{opacity:1}.captcha-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.1rem;padding:1rem 1.5rem;display:flex}.captcha-question{color:var(--text-muted);white-space:nowrap;margin:0;font-size:.9rem}.captcha-question strong{color:var(--text-main);font-weight:700}.captcha-input{background:var(--bg-input);border:2px solid var(--border);width:5rem;color:var(--text-main);text-align:center;transition:border-color var(--ease), box-shadow var(--ease);-moz-appearance:textfield;border-radius:999px;outline:none;padding:.45rem .85rem;font-family:inherit;font-size:1rem}.captcha-input::-webkit-outer-spin-button{-webkit-appearance:none}.captcha-input::-webkit-inner-spin-button{-webkit-appearance:none}.captcha-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}.captcha-input--wrong{border-color:#f87171;box-shadow:0 0 0 3px #f8717126}.captcha-input--correct{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-dim)}.captcha-verified{background:var(--brand-dim);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--brand);justify-content:center;align-items:center;gap:.5rem;margin:0;padding:1rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}@media (width<=700px){.headline{font-size:2rem}.cards-grid{grid-template-columns:repeat(2,1fr)}.options-section{padding:1.5rem 1.25rem}}@media (width<=440px){.headline{font-size:1.65rem}.header{padding:1rem}.header-tagline{display:none}.cards-grid{grid-template-columns:1fr}.main{padding:2rem 1rem 1.5rem}.submit-btn{width:100%;padding:1rem 2rem}}