#mobilerank-app{background:#f0f2f5;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;margin:0 -20px 0 0;min-height:100vh;padding:0;-webkit-font-smoothing:antialiased}#mobilerank-app *,#mobilerank-app :after,#mobilerank-app :before{box-sizing:border-box}.pp-header{background:linear-gradient(135deg,#0d47a1,#1565c0 50%,#1a73e8);box-shadow:0 2px 12px rgba(13,71,161,.3);height:64px;justify-content:space-between;padding:0 32px;position:sticky;top:32px;z-index:100}.pp-header,.pp-header-left{align-items:center;display:flex}.pp-header-left{gap:12px}.pp-logo{align-items:center;display:flex;gap:10px}.pp-logo svg{height:28px;width:28px}.pp-logo-text{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.3px}.pp-logo-version{background:hsla(0,0%,100%,.12);border-radius:10px;color:hsla(0,0%,100%,.6);font-size:11px;font-weight:500;padding:2px 8px}.pp-header-right{align-items:center;display:flex;gap:12px}.pp-header-badge{background:rgba(255,109,0,.12);border:1px solid rgba(255,109,0,.25);border-radius:12px;color:#ff6d00;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.pp-nav{align-items:center;background:#fff;border-bottom:1px solid #e4e7ec;box-shadow:0 1px 3px rgba(0,0,0,.04);display:flex;gap:0;padding:0 32px}.pp-nav-item{border-bottom:2px solid transparent;color:#667085;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:16px 20px;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pp-nav-item:hover{background:rgba(26,115,232,.04);color:#1a73e8}.pp-nav-item.active{border-bottom-color:#1a73e8;color:#1a73e8}.pp-content{max-width:1400px;padding:24px 32px}.pp-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);margin-bottom:20px;overflow:hidden;transition:box-shadow .2s ease}.pp-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06)}.pp-card-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;padding:20px 24px}.pp-card-header,.pp-card-title{align-items:center;display:flex}.pp-card-title{color:#1a1a2e;font-size:16px;font-weight:700;gap:8px;margin:0}.pp-card-body{padding:24px}.pp-score-section{align-items:center;display:flex;gap:32px;padding:32px 0}.pp-stat-cards{display:flex;flex:1;flex-wrap:wrap;gap:16px}.pp-stat-card{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:12px;flex:1;min-width:100px;padding:16px 12px;text-align:center}.pp-stat-value{font-size:28px;font-weight:800;line-height:1.2}.pp-stat-label{font-size:11px;letter-spacing:.5px}.pp-score-ring-wrap{flex-shrink:0;position:relative}.pp-score-ring-wrap svg{height:100%;transform:rotate(-90deg);width:100%}.pp-score-ring-bg{fill:none;stroke:#f0f2f5;stroke-width:10}.pp-score-ring-fill{fill:none;stroke-linecap:round;stroke-width:10;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1),stroke .3s ease}.pp-score-ring-fill.score-red{stroke:#c62828}.pp-score-ring-fill.score-yellow{stroke:#f57f17}.pp-score-ring-fill.score-green{stroke:#2e7d32}.pp-score-number{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.pp-score-value{font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1}.pp-score-value.score-red{color:#c62828}.pp-score-value.score-yellow{color:#f57f17}.pp-score-value.score-green{color:#2e7d32}.pp-score-label{color:#667085;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.pp-vitals-grid{display:grid;flex:1;gap:16px;grid-template-columns:repeat(3,1fr)}.pp-vital-card{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:10px;padding:20px;text-align:center;transition:all .2s ease}.pp-vital-card:hover{background:#f0f4ff;border-color:#1a73e8}.pp-vital-label{color:#667085;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pp-vital-value{font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:4px}.pp-vital-unit{color:#667085;font-size:14px;font-weight:500}.pp-vital-status{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;margin-top:6px;padding:3px 10px}.pp-vital-status.good{background:#e8f5e9;color:#2e7d32}.pp-vital-status.needs-work{background:#fff8e1;color:#f57f17}.pp-vital-status.poor{background:#fce4ec;color:#c62828}.pp-stats-strip{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.pp-stat-box{background:#fff;border:1px solid #e8ecf1;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:20px;text-align:center}.pp-stat-number{color:#1a1a2e;font-size:32px;font-weight:800;letter-spacing:-1px}.pp-stat-number.critical{color:#c62828}.pp-stat-number.warning{color:#f57f17}.pp-stat-number.primary{color:#1a73e8}.pp-stat-label{color:#667085;font-size:12px;font-weight:600;letter-spacing:.3px;margin-top:4px;text-transform:uppercase}.pp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;line-height:1.4;padding:10px 24px;text-decoration:none;transition:all .2s ease}.pp-btn-primary{background:linear-gradient(135deg,#1a73e8,#1565c0);box-shadow:0 2px 8px rgba(26,115,232,.35);color:#fff}.pp-btn-primary:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 4px 12px rgba(26,115,232,.45);color:#fff;transform:translateY(-1px)}.pp-btn-primary:active{transform:translateY(0)}.pp-btn-secondary{background:#f0f2f5;border:1px solid #d0d5dd;color:#333}.pp-btn-secondary:hover{background:#e4e7ec;color:#333}.pp-btn-danger{background:#fef2f2;border:1px solid #fecaca;color:#c62828}.pp-btn-danger:hover{background:#fce4ec}.pp-btn-sm{font-size:12px;padding:6px 14px}.pp-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.pp-btn .pp-spinner{animation:pp-spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes pp-spin{to{transform:rotate(1turn)}}.pp-table-wrap{overflow-x:auto}.pp-table{border-collapse:collapse;width:100%}.pp-table th{border-bottom:2px solid #e4e7ec;color:#667085;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.pp-table td{border-bottom:1px solid #f0f2f5;color:#333;font-size:13px;padding:14px 16px;vertical-align:middle}.pp-table tr:hover td{background:#f8f9fb}.pp-table tr:last-child td{border-bottom:none}.pp-page-title{color:#1a1a2e;font-weight:600}.pp-page-title,.pp-page-url{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-page-url{color:#98a2b3;font-size:11px}.pp-score-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:14px;font-weight:800;height:44px;justify-content:center;width:44px}.pp-score-badge.score-red{background:#fce4ec;border:2px solid #ef9a9a;color:#c62828}.pp-score-badge.score-yellow{background:#fff8e1;border:2px solid #ffe082;color:#f57f17}.pp-score-badge.score-green{background:#e8f5e9;border:2px solid #a5d6a7;color:#2e7d32}.pp-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.pp-status-badge.healthy{background:#e8f5e9;color:#2e7d32}.pp-status-badge.needs-work{background:#fff8e1;color:#f57f17}.pp-status-badge.critical{background:#fce4ec;color:#c62828}.pp-seo-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.pp-seo-badge.high{background:#fce4ec;color:#c62828}.pp-seo-badge.medium{background:#fff8e1;color:#f57f17}.pp-seo-badge.low{background:#e8f5e9;color:#2e7d32}.pp-seo-badge:before{border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.pp-seo-badge.high:before{background:#c62828}.pp-seo-badge.medium:before{background:#f57f17}.pp-seo-badge.low:before{background:#2e7d32}.pp-issue-item{border-bottom:1px solid #f0f2f5;padding:20px 24px;transition:background .15s ease}.pp-issue-item:hover{background:#f8f9fb}.pp-issue-item:last-child{border-bottom:none}.pp-issue-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.pp-issue-left{flex:1}.pp-issue-title{align-items:center;color:#1a1a2e;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:4px}.pp-issue-severity{border-radius:50%;flex-shrink:0;height:8px;width:8px}.pp-issue-severity.critical{background:#c62828}.pp-issue-severity.moderate{background:#f57f17}.pp-issue-severity.info{background:#1a73e8}.pp-issue-desc{color:#667085;font-size:13px;line-height:1.5;margin-bottom:8px}.pp-issue-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pp-issue-tag{background:#f0f2f5;color:#667085;font-weight:500}.pp-issue-element,.pp-issue-tag{border-radius:4px;font-size:11px;padding:2px 8px}.pp-issue-element{background:#eef4ff;color:#1a73e8;font-family:SF Mono,Monaco,Consolas,monospace;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-fix-panel{background:#f8f9fb;border:1px solid #e4e7ec;border-radius:8px;margin-top:12px;overflow:hidden}.pp-fix-toggle{align-items:center;color:#1a73e8;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:10px 16px;transition:background .15s ease}.pp-fix-toggle:hover{background:#eef4ff}.pp-fix-toggle svg{height:14px;transition:transform .2s ease;width:14px}.pp-fix-toggle.open svg{transform:rotate(90deg)}.pp-fix-content{padding:0 16px 16px}.pp-fix-desc{color:#333;font-size:13px;line-height:1.5;margin-bottom:12px}.pp-fix-code{position:relative}.pp-fix-code pre{background:#1a1a2e;border-radius:8px;color:#e4e7ec;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto;padding:16px;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre}.pp-copy-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:8px;top:8px;transition:all .2s ease}.pp-copy-btn:hover{background:hsla(0,0%,100%,.2)}.pp-copy-btn.copied{background:#2e7d32;border-color:#2e7d32}.pp-device-tabs{background:#f0f2f5;border-radius:8px;display:flex;gap:4px;padding:4px;width:-moz-fit-content;width:fit-content}.pp-device-tab{align-items:center;border-radius:6px;color:#667085;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 16px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pp-device-tab:hover{color:#1a73e8}.pp-device-tab.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#1a73e8}.pp-device-tab svg{height:16px;width:16px}.pp-form-group{margin-bottom:24px}.pp-form-label{color:#333;display:block;font-size:13px;font-weight:700;margin-bottom:6px}.pp-form-hint{color:#98a2b3;font-size:12px;margin-bottom:8px}.pp-form-input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#333;font-family:inherit;font-size:14px;max-width:500px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pp-form-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.12);outline:none}.pp-form-select{background:#fff;cursor:pointer;font-size:14px}.pp-form-select,.pp-form-textarea{border:1px solid #d0d5dd;border-radius:8px;color:#333;font-family:inherit;padding:10px 14px}.pp-form-textarea{font-size:13px;max-width:500px;min-height:100px;resize:vertical;width:100%}.pp-form-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.12);outline:none}.pp-progress-wrap{margin:24px 0}.pp-progress-bar{background:#e4e7ec;border-radius:4px;height:8px;overflow:hidden;width:100%}.pp-progress-fill{background:linear-gradient(90deg,#1a73e8,#1565c0);border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.pp-progress-text{color:#667085;display:flex;font-size:13px;justify-content:space-between;margin-top:8px}.pp-scanning-animation{padding:48px 24px;text-align:center}.pp-scanning-pulse{align-items:center;background:rgba(26,115,232,.1);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.pp-scanning-pulse:after,.pp-scanning-pulse:before{animation:pp-pulse 2s ease-out infinite;border:2px solid #1a73e8;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.pp-scanning-pulse:after{animation-delay:.5s}@keyframes pp-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.pp-scanning-pulse svg{color:#1a73e8;height:32px;width:32px}.pp-scanning-text{color:#1a1a2e;font-size:16px;font-weight:700;margin-bottom:8px}.pp-scanning-sub{color:#667085;font-size:13px}.pp-empty-state{padding:64px 24px;text-align:center}.pp-empty-icon{align-items:center;background:#f0f4ff;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.pp-empty-icon svg{color:#1a73e8;height:40px;width:40px}.pp-empty-title{color:#1a1a2e;font-size:20px;font-weight:700;margin-bottom:8px}.pp-empty-desc{color:#667085;font-size:14px;line-height:1.5;margin:0 auto 24px;max-width:400px}.pp-back-link{align-items:center;color:#667085;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:16px;text-decoration:none;transition:color .2s ease}.pp-back-link:hover{color:#1a73e8}.pp-back-link svg{height:16px;width:16px}.pp-toast{align-items:center;animation:pp-toast-in .3s ease;background:#1a1a2e;border-radius:10px;bottom:32px;box-shadow:0 8px 24px rgba(0,0,0,.25);color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;left:50%;max-width:520px;min-width:300px;padding:14px 20px;position:fixed;transform:translateX(-50%);z-index:100000}.pp-toast.success{background:#1b5e20}.pp-toast.error{background:#b71c1c}.pp-toast-icon{flex-shrink:0;font-size:18px}.pp-toast-msg{flex:1;line-height:1.4}.pp-toast-close{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:16px;line-height:1;padding:0 0 0 8px}.pp-toast-close:hover{color:#fff}@keyframes pp-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pp-limit-notice{align-items:center;background:linear-gradient(135deg,#fff3e0,#fff8e1);border:1px solid #ffe0b2;border-radius:10px;color:#e65100;display:flex;font-size:13px;gap:12px;margin-bottom:20px;padding:14px 20px}.pp-limit-notice svg{color:#ff6d00;flex-shrink:0;height:20px;width:20px}.pp-standalone-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.pp-score-section{align-items:center;flex-direction:column}.pp-stat-cards,.pp-vitals-grid{width:100%}.pp-stats-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pp-header{padding:0 16px}.pp-content{padding:16px}.pp-standalone-grid,.pp-stats-strip,.pp-vitals-grid{grid-template-columns:1fr}}.pp-issue-actions{display:flex;flex-shrink:0;gap:8px}.pp-dismiss-btn{background:none;border:none;border-radius:4px;color:#98a2b3;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s ease}.pp-dismiss-btn:hover{background:#f0f2f5;color:#667085}.pp-issue-item.dismissed{opacity:.4}.pp-category-header{background:#f8f9fb;border-bottom:1px solid #f0f2f5;color:#98a2b3;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 24px 8px;text-transform:uppercase}.pp-scan-actions{align-items:center;display:flex;gap:16px}.pp-last-scan{color:#98a2b3;font-size:12px}.pp-info-icon{background:#e4e7ec;border-radius:50%;color:#667085;cursor:help;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.pp-audit-link,.pp-info-icon{align-items:center;display:inline-flex}.pp-audit-link{color:#1a73e8;font-size:11px;gap:4px;text-decoration:none}.pp-audit-link:hover{color:#1a73e8;text-decoration:underline}.pp-flex{display:flex}.pp-flex-col{flex-direction:column}.pp-items-center{align-items:center}.pp-justify-between{justify-content:space-between}.pp-gap-8{gap:8px}.pp-gap-16{gap:16px}.pp-mt-16{margin-top:16px}.pp-mb-16{margin-bottom:16px}.pp-wizard-overlay{align-items:center;animation:pp-fade-in .3s ease;backdrop-filter:blur(6px);background:rgba(10,15,30,.7);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100000}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}.pp-wizard-modal{animation:pp-slide-up .4s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.25);max-height:90vh;max-width:640px;overflow-y:auto;width:100%}@keyframes pp-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pp-wizard-progress{display:flex;gap:8px;justify-content:center;padding:24px 24px 0}.pp-wizard-dot{background:#e4e7ec;border-radius:2px;height:4px;transition:all .3s ease;width:32px}.pp-wizard-dot.active{background:#1a73e8;width:48px}.pp-wizard-dot.done{background:#2e7d32}.pp-wizard-step-header{padding:20px 32px 0;text-align:center}.pp-wizard-step-count{color:#1a73e8;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pp-wizard-step-title{color:#1a1a2e;font-size:22px;font-weight:800;margin:0 0 4px}.pp-wizard-step-subtitle{color:#667085;font-size:14px;margin:0}.pp-wizard-content{padding:24px 32px}.pp-wizard-hero-icon{align-items:center;background:linear-gradient(135deg,#e8f0fe,#d2e3fc);border-radius:50%;color:#1a73e8;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.pp-wizard-hero-icon--success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.pp-wizard-mascot{margin:0 auto 16px;text-align:center}.pp-wizard-mascot img{animation:pp-mascot-bounce .6s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));height:auto;max-width:100%}@keyframes pp-mascot-bounce{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pp-wizard-heading{color:#1a1a2e;font-size:20px;font-weight:800;line-height:1.3;margin:0 0 12px;text-align:center}.pp-wizard-text{color:#667085;font-size:14px;line-height:1.6;margin:0 0 20px;text-align:center}.pp-wizard-text-accent{color:#1a73e8;font-size:16px;font-weight:700;text-align:center}.pp-wizard-features{display:flex;flex-direction:column;gap:16px;margin-top:24px}.pp-wizard-feature{align-items:flex-start;background:#f8f9fb;border:1px solid #e8ecf1;border-radius:10px;display:flex;gap:14px;padding:14px 16px}.pp-wizard-feature-icon{align-items:center;background:#e8f0fe;border-radius:10px;color:#1a73e8;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pp-wizard-feature strong{color:#1a1a2e;display:block;font-size:14px;font-weight:700;margin-bottom:2px}.pp-wizard-feature span{color:#667085;font-size:13px}.pp-wizard-stat-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.pp-wizard-stat{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:12px;padding:20px 12px;text-align:center}.pp-wizard-stat-number{color:#1a73e8;font-size:36px;font-weight:900;letter-spacing:-1px;line-height:1;margin-bottom:8px}.pp-wizard-stat-label{color:#667085;font-size:12px;line-height:1.4}.pp-wizard-form{margin:0 auto;max-width:460px}.pp-wizard-skip-note{color:#98a2b3;font-size:12px;font-style:italic;margin-top:16px;text-align:center}.pp-wizard-checklist{display:flex;flex-direction:column;gap:10px;margin:24px auto 0;max-width:320px}.pp-wizard-check-item{align-items:center;color:#2e7d32;display:flex;font-size:14px;font-weight:500;gap:10px}.pp-wizard-check-item svg{flex-shrink:0}.pp-wizard-footer{align-items:center;border-top:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:16px 32px 24px}.pp-preview-section{padding:0}.pp-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.pp-preview-title{align-items:center;color:#1a1a2e;display:flex;font-size:14px;font-weight:700;gap:8px;margin:0}.pp-preview-legend{display:flex;gap:16px}.pp-preview-legend-item{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px}.pp-preview-legend-item.critical{color:#c62828}.pp-preview-legend-item.moderate{color:#f57f17}.pp-preview-legend-dot{border-radius:50%;height:8px;width:8px}.pp-preview-legend-item.critical .pp-preview-legend-dot{background:#c62828}.pp-preview-legend-item.moderate .pp-preview-legend-dot{background:#f57f17}.pp-preview-container{align-items:flex-start;display:flex;gap:24px}.pp-phone-frame{background:#1a1a2e;border-radius:32px;box-shadow:0 0 0 2px #333,0 8px 32px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.05);flex-shrink:0;padding:12px;width:280px}.pp-phone-notch{background:#333;border-radius:3px;height:6px;margin:0 auto 8px;width:100px}.pp-phone-screen{background:#fff;border-radius:4px;height:480px;overflow:hidden;position:relative;width:100%}.pp-phone-iframe{border:none;display:block;pointer-events:none;transform-origin:top left}.pp-phone-home-bar{background:#555;border-radius:2px;height:4px;margin:8px auto 0;width:80px}.pp-preview-loading{align-items:center;background:#f8f9fb;color:#667085;display:flex;flex-direction:column;font-size:13px;gap:12px;inset:0;justify-content:center;position:absolute;z-index:2}.pp-preview-overlay{inset:0;pointer-events:none;position:absolute;z-index:1}.pp-preview-marker{align-items:center;animation:pp-marker-pop .3s cubic-bezier(.34,1.56,.64,1);border-radius:50%;cursor:pointer;display:flex;height:26px;justify-content:center;pointer-events:auto;position:absolute;transition:transform .15s ease;width:26px;z-index:2}.pp-preview-marker.active,.pp-preview-marker:hover{transform:scale(1.2);z-index:3}.pp-preview-marker.critical{background:#c62828;box-shadow:0 0 0 3px rgba(198,40,40,.25),0 2px 8px rgba(198,40,40,.3)}.pp-preview-marker.moderate{background:#f57f17;box-shadow:0 0 0 3px rgba(245,127,23,.25),0 2px 8px rgba(245,127,23,.3)}.pp-preview-marker.info{background:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.25),0 2px 8px rgba(26,115,232,.3)}@keyframes pp-marker-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pp-preview-marker-num{color:#fff;font-size:11px;font-weight:800}.pp-preview-tooltip{align-items:center;background:#1a1a2e;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);color:#fff;display:flex;font-size:12px;gap:8px;left:32px;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:10}.pp-preview-tooltip,.pp-preview-tooltip:before{position:absolute;top:50%;transform:translateY(-50%)}.pp-preview-tooltip:before{border:5px solid transparent;border-left:none;border-right-color:#1a1a2e;content:"";left:-5px}.pp-preview-tooltip strong{font-weight:700}.pp-preview-issues{flex:1;min-width:0}.pp-preview-issues-title{align-items:center;border-bottom:1px solid #f0f2f5;color:#1a1a2e;display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:12px;padding-bottom:12px}.pp-preview-no-issues{background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:13px;padding:24px;text-align:center}.pp-preview-issue-row{align-items:flex-start;border-radius:8px;cursor:default;display:flex;gap:10px;margin-bottom:6px;padding:10px 12px;transition:background .15s ease}.pp-preview-issue-row.active,.pp-preview-issue-row:hover{background:#f8f9fb}.pp-preview-issue-num{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:24px;justify-content:center;width:24px}.pp-preview-issue-num.critical{background:#c62828}.pp-preview-issue-num.moderate{background:#f57f17}.pp-preview-issue-num.info{background:#1a73e8}.pp-preview-issue-info{min-width:0}.pp-preview-issue-name{color:#1a1a2e;font-size:13px;font-weight:600;margin-bottom:3px}.pp-preview-issue-severity{align-items:center;color:#667085;display:flex;font-size:11px;gap:6px;text-transform:capitalize}@media(max-width:860px){.pp-preview-container{align-items:center;flex-direction:column}.pp-preview-issues{width:100%}}.pp-quickfix-info{align-items:center;background:#f0f4ff;border-bottom:1px solid #d2e3fc;color:#1a73e8;display:flex;font-size:12px;gap:10px;padding:12px 24px}.pp-quickfix-info svg{flex-shrink:0}.pp-quickfix-item{align-items:flex-start;border-bottom:1px solid #f0f2f5;display:flex;gap:20px;justify-content:space-between;padding:20px 24px;transition:background .15s ease}.pp-quickfix-item:last-child{border-bottom:none}.pp-quickfix-item:hover{background:#f8f9fb}.pp-quickfix-item.applied{background:#f6fff7}.pp-quickfix-left{flex:1;min-width:0}.pp-quickfix-title{align-items:center;color:#1a1a2e;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:6px}.pp-quickfix-desc{color:#667085;font-size:13px;line-height:1.5;margin-bottom:8px}.pp-quickfix-meta{display:flex;flex-wrap:wrap;gap:12px}.pp-quickfix-impact{background:#e8f0fe;color:#1a73e8}.pp-quickfix-impact,.pp-quickfix-risk{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px}.pp-quickfix-risk{background:#e8f5e9;color:#2e7d32}.pp-quickfix-actions{align-items:center;display:flex;flex-shrink:0}.pp-quickfix-confirm{align-items:center;color:#667085;display:flex;font-size:12px;gap:8px}.pp-applied-count{background:#e8f5e9;border-radius:10px;color:#2e7d32;font-size:11px;font-weight:600;margin-left:8px;padding:2px 10px}.pp-summary-card{border-left:4px solid #1a73e8}.pp-summary-compare{align-items:center;display:flex;gap:32px;justify-content:center;padding:16px 0}.pp-summary-col{min-width:100px;text-align:center}.pp-summary-label{color:#98a2b3;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pp-summary-score{font-size:48px;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:4px}.pp-summary-score.score-green{color:#2e7d32}.pp-summary-score.score-yellow{color:#f57f17}.pp-summary-score.score-red{color:#c62828}.pp-summary-date{color:#98a2b3;font-size:11px}.pp-summary-arrow{align-items:center;display:flex;flex-direction:column;gap:4px}.pp-summary-diff{font-size:18px;font-weight:800;letter-spacing:-.5px}.pp-summary-diff.improved{color:#2e7d32}.pp-summary-diff.declined{color:#c62828}.pp-summary-diff.neutral{color:#667085}.pp-summary-vitals{border-top:1px solid #f0f2f5;display:flex;gap:24px;justify-content:center;margin-top:8px;padding:16px 0}.pp-summary-vital-row{align-items:center;display:flex;font-size:13px;gap:6px}.pp-summary-vital-label{color:#667085;font-size:11px;font-weight:700;width:32px}.pp-summary-vital-prev{font-weight:600}.pp-summary-vital-arrow{color:#98a2b3;font-size:11px}.pp-summary-vital-curr{font-weight:700}.pp-summary-resolved{align-items:center;background:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px}@media(max-width:600px){.pp-summary-compare{flex-direction:column;gap:16px}.pp-summary-vitals{align-items:center;flex-direction:column;gap:8px}.pp-wizard-stat-grid{grid-template-columns:1fr}}.pp-preview-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.pp-preview-page-select{flex:1;min-width:280px}.pp-preview-dropdown{font-size:13px;max-width:100%;width:100%}.pp-preview-score-bar{align-items:center;background:#f8f9fb;border:1px solid #e8ecf1;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.pp-preview-score-bar-left{align-items:center;display:flex;gap:14px;min-width:0}.pp-preview-score-bar-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.pp-device-frame{background:#1a1a2e;box-shadow:0 0 0 2px #333,0 8px 32px rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.05);flex-shrink:0}.pp-device-frame--desktop{background:#e4e7ec;border:1px solid #d0d5dd;box-shadow:0 4px 24px rgba(0,0,0,.15);overflow:hidden}.pp-desktop-bar{align-items:center;background:#f0f2f5;border-bottom:1px solid #d0d5dd;display:flex;gap:10px;padding:8px 12px}.pp-desktop-dots{display:flex;gap:5px}.pp-desktop-dots span{border-radius:50%;height:10px;width:10px}.pp-desktop-url-bar{background:#fff;border:1px solid #d0d5dd;border-radius:4px;flex:1;overflow:hidden;padding:3px 10px}.pp-desktop-url-text{color:#667085;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:980px){.pp-preview-controls{align-items:stretch;flex-direction:column}.pp-preview-score-bar{align-items:flex-start;flex-direction:column}}.pp-settings-divider{background:#e4e7ec;height:1px;margin:28px 0}.pp-checkbox-label{align-items:flex-start;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.4}.pp-checkbox-label span{padding-top:1px}.pp-checkbox{accent-color:#1a73e8;border:2px solid #d0d5dd;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.pp-checkbox:checked{border-color:#1a73e8}.pp-checkbox:disabled{cursor:not-allowed;opacity:.4}.pp-checkbox-label:has(.pp-checkbox:disabled){cursor:not-allowed;opacity:.5}