.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border-right:1px solid #2563eb;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #2563eb1a;padding:20px 24px}.sidebar-logo{display:block;height:auto;max-height:120px;max-width:100%;object-fit:contain;width:auto}.project-dropdown{border-bottom:1px solid #2563eb1a;padding:16px;position:relative}.project-selector{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #2563eb33;border-radius:8px;box-shadow:0 2px 8px #2563eb1a;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.project-selector:hover{background:#fffc;border-color:var(--brand-color);box-shadow:0 4px 12px #2563eb26}.project-selector-icon{color:#2563eb;flex-shrink:0;height:20px;width:20px}.project-selector-text{color:#1e40af;flex:1 1;font-size:.95rem;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.project-selector-arrow{color:#2563eb;flex-shrink:0;transition:transform .2s ease}.project-selector-arrow.open{transform:rotate(180deg)}.project-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);left:16px;max-height:400px;overflow-y:auto;padding:8px;position:absolute;right:16px;top:calc(100% + 8px);z-index:1000}.project-dropdown-item{align-items:flex-start;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.project-dropdown-item:hover{background:var(--bg-secondary)}.project-dropdown-item.active{background:#2563eb1a;border:1px solid var(--brand-color)}.project-dropdown-item.create-new{align-items:center;color:var(--brand-color);flex-direction:row;font-weight:600;gap:8px;margin-top:4px}.project-dropdown-item.create-new:hover{background:#2563eb1a}.project-item-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.project-item-url{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-item-icon{color:var(--brand-color);flex-shrink:0;height:18px;width:18px}.project-dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.project-dropdown-empty{color:var(--text-tertiary);font-size:.9rem;padding:12px 16px;text-align:center}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px}.sidebar-nav-item{align-items:center;border-radius:8px;color:#1e40af;display:flex;font-size:.95rem;font-weight:300;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}[data-theme=dark] .sidebar-nav-item{color:#dbeafe}.sidebar-nav-item:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;color:#2563eb}.sidebar-nav-item.active{background:#2563eb26;border-left:3px solid var(--brand-color);color:#2563eb;font-weight:400}.sidebar-nav-icon{align-items:center;color:#2563eb;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}[data-theme=dark] .sidebar-nav-icon{color:#dbeafe}.sidebar-nav-item.active .sidebar-nav-icon{color:#2563eb}.sidebar-nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #2563eb1a;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px}.sidebar-upgrade-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2862eb!important;border:1px solid #2862eb4d!important;border-radius:8px;box-shadow:0 2px 8px #2862eb33!important;color:#fff!important;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-upgrade-button:hover{background:#1d4ed8!important;box-shadow:0 4px 12px #2862eb4d!important;transform:translateY(-1px)}.sidebar-logout-button{align-items:center;background:#0000;border:1px solid #ef444480;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-logout-button:hover{background:#ef44441a;border-color:#ef4444;color:#dc2626}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}}.wizard-container{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:24px}.wizard-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-width:520px;padding:40px;width:100%}.wizard-header{margin-bottom:32px;text-align:center}.wizard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--brand-color),#60a5fa);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:8px}.wizard-subtitle{color:var(--text-secondary);font-size:.95rem}.wizard-form{display:flex;flex-direction:column;gap:20px}.form-hint{color:var(--text-tertiary);margin-top:4px}.wizard-actions{display:flex;gap:12px;margin-top:8px}.wizard-button{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:background .2s ease,transform .1s ease}.wizard-button:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.wizard-button:active:not(:disabled){transform:translateY(0)}.wizard-button:disabled{cursor:not-allowed;opacity:.6}.wizard-skip{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:14px 24px;transition:all .2s ease}.wizard-skip:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.wizard-skip:disabled{cursor:not-allowed;opacity:.6}.wizard-error{background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);font-size:.9rem;padding:12px 16px}@media (max-width:640px){.wizard-card{padding:32px 24px}.wizard-title{font-size:1.75rem}.wizard-actions{flex-direction:column}}.dashboard-layout{display:flex}.dashboard-layout,.dashboard-layout-full{background:var(--bg-secondary);min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.dashboard-content{flex:1 1;width:100%}@media (max-width:768px){.dashboard-main{margin-left:0}}.auth-container{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:24px}.signup-container{background:var(--bg-secondary);height:100vh;overflow:hidden;width:100%}.signup-layout{display:grid;grid-template-columns:50% 50%;height:100vh}.signup-image-column{background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border-radius:12px;margin:30px;overflow:hidden;position:relative}.signup-image{height:100%;object-fit:cover;object-position:left;width:100%}.signup-form-column{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;overflow-y:auto;padding:60px 40px}.signup-form-wrapper{max-width:480px;width:100%}.auth-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);max-width:440px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--brand-color),#60a5fa);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:var(--text-primary)}.form-group input{transition:border-color .2s ease,box-shadow .2s ease}.form-group input::placeholder{color:var(--text-tertiary)}.auth-button{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:14px 24px;transition:background .2s ease,transform .1s ease}.auth-button:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);font-size:.9rem;padding:12px 16px}.auth-footer{color:var(--text-secondary);font-size:.9rem;margin-top:24px;text-align:center}.auth-footer a{color:var(--brand-color);font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:var(--brand-hover);text-decoration:underline}.sso-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.sso-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;transition:all .2s ease}.sso-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.sso-button:active:not(:disabled){transform:translateY(0)}.sso-button:disabled{cursor:not-allowed;opacity:.6}.sso-button svg{flex-shrink:0}.sso-button.google{border-color:#dadce0}.sso-button.google:hover:not(:disabled){border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.sso-button.linkedin{border-color:#dadce0}.sso-button.linkedin:hover:not(:disabled){border-color:#0077b5;box-shadow:0 2px 8px #0077b533}[data-theme=dark] .sso-button.google,[data-theme=dark] .sso-button.linkedin{border-color:var(--border-color)}.auth-divider{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider span{font-weight:500;padding:0 16px}@media (max-width:1024px){.signup-layout{grid-template-columns:1fr}.signup-image-column{display:none}.signup-form-column{padding:40px 24px}}@media (max-width:640px){.auth-card{padding:32px 24px}.auth-title{font-size:1.75rem}.signup-form-column{padding:32px 20px}.signup-form-wrapper{max-width:100%}}.dashboard-page{display:flex;flex-direction:column;min-height:100vh}.seo-analyzer.dashboard-page .container{margin:0;max-width:100%;padding:0 20px 64px}.seo-analyzer.dashboard-page .site-audit-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:64px;margin-top:32px;padding:0 20px}.seo-analyzer.dashboard-page .site-audit-title{align-items:center;display:flex;flex:0 1 auto;gap:12px}.seo-analyzer.dashboard-page .site-audit-label{color:var(--text-primary);font-size:1.5rem;font-weight:400}.project-url-dropdown-wrapper{position:relative}.project-url-dropdown{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:8px;min-width:200px;padding:8px 16px;transition:all .2s ease}[data-theme=dark] .project-url-dropdown{background:var(--bg-secondary);border-color:var(--border-color)}.project-url-dropdown:hover{background:var(--bg-secondary);border-color:var(--brand-color)}.project-url-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.project-url-arrow{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.project-url-arrow.open{transform:rotate(180deg)}.project-url-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);left:0;max-height:400px;min-width:300px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 8px);z-index:1000}.project-url-dropdown-item{align-items:flex-start;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.project-url-dropdown-item:hover{background:var(--bg-secondary)}.project-url-dropdown-item.active{background:#2563eb1a;border:1px solid var(--brand-color)}.project-url-item-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.project-url-item-url{color:var(--text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project-url-dropdown-empty{color:var(--text-tertiary);font-size:.9rem;padding:12px 16px;text-align:center}.seo-analyzer.dashboard-page .site-audit-right{align-items:center;display:flex;flex-shrink:0;gap:24px}.seo-analyzer.dashboard-page .recrawl-btn{background:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.seo-analyzer.dashboard-page .recrawl-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.seo-analyzer.dashboard-page .recrawl-btn:disabled{cursor:not-allowed;opacity:.6}.seo-analyzer.dashboard-page .results-container{margin:0!important;padding:0 20px!important}.seo-analyzer.dashboard-page .result-section{margin-left:0!important;margin-right:0!important;padding:0!important}.dashboard-page .header{position:-webkit-sticky;position:sticky;top:0;z-index:50}.dashboard-metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:3fr 3fr 4fr;margin:0;padding:0 20px;width:100%}.dashboard-metric-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border:1px solid #2563eb4d;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;overflow:hidden;padding:24px;position:relative}[data-theme=dark] .dashboard-metric-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#2563eb26,#3b82f614);border-color:#2563eb66}.metric-content{position:relative;z-index:2}.dashboard-metric-card .metric-label,.dashboard-page .dashboard-metric-card .metric-label,.dashboard-page .dashboard-metric-card p.metric-label,.seo-analyzer.dashboard-page .dashboard-metric-card p.metric-label{color:#000!important;font-size:1.5rem!important;font-weight:400!important;letter-spacing:-.02em!important;line-height:1.4!important;margin:0 0 12px!important}.metric-value{font-size:2.5rem;line-height:1;margin:0}.metric-decoration{bottom:0;opacity:1;pointer-events:none;position:absolute;right:0;z-index:1}.metric-image{display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;max-height:220px;max-width:220px;object-fit:contain;width:auto}.dashboard-metric-card:first-child .metric-decoration{bottom:-10px;left:-10px;right:auto}.dashboard-metric-card:nth-child(3) .metric-decoration{bottom:-10px;right:-10px}@media (max-width:1024px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-metrics-grid{grid-template-columns:1fr}}.dashboard-page .keyword-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.dashboard-page .keyword-pill{background:#2563eb1a;border-radius:999px;color:var(--brand-color);font-weight:500;padding:6px 12px}.dashboard-error{background:var(--error-bg);border:1px solid #ef444466;border-radius:12px;color:var(--error-color);margin-bottom:24px;padding:16px 20px}.dashboard-empty{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:60vh;text-align:center}.dashboard-empty.compact{color:var(--text-secondary);min-height:auto;padding:60px 0}@media (max-width:768px){.seo-analyzer.dashboard-page .container{padding:0 0 64px}.seo-analyzer.dashboard-page .site-audit-header{padding:0}.seo-analyzer.dashboard-page .results-container{padding:0!important}}.page-loader-progress-container{background:#0000;height:3px;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.page-loader-progress-bar{animation:progress-shimmer 1.5s infinite;background:linear-gradient(90deg,#2563eb,#3b82f6 50%,#60a5fa);box-shadow:0 0 10px #2563eb80;height:100%;transition:width .3s ease}@keyframes progress-shimmer{0%{box-shadow:0 0 10px #2563eb80}50%{box-shadow:0 0 20px #2563ebcc}to{box-shadow:0 0 10px #2563eb80}}.page-loader-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}[data-theme=dark] .page-loader-overlay{background:#111827f2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-loader-content{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:600px;padding:0 24px}.page-loader-spinner{height:64px;position:relative;width:64px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#2563eb;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#3b82f6}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#60a5fa}.spinner-ring:nth-child(4){border-top-color:#93c5fd}.page-loader-text{color:var(--text-primary);font-size:1rem;font-weight:500;letter-spacing:.5px}.page-loader-message,.page-loader-text{font-family:Poppins,sans-serif;margin:0}.page-loader-message{color:var(--text-secondary);font-size:.9rem;font-weight:400;line-height:1.6;max-width:500px;text-align:center}.fun-fact-container{align-items:flex-start;animation:slideDown .4s ease;background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:1px solid #2563eb33;border-radius:12px;display:flex;gap:12px;margin-bottom:8px;max-width:550px;padding:16px 20px;width:100%}[data-theme=dark] .fun-fact-container{background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#2563eb4d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fun-fact-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.fun-fact-text{color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.page-loader-overlay.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f1f3f5;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--border-color:#e9ecef;--border-color-light:#f1f3f5;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--brand-color:#2563eb;--brand-hover:#1d4ed8;--accent-primary:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--success-bg:#d1fae5;--warning-color:#f59e0b;--warning-bg:#fef3c7;--error-color:#ef4444;--error-bg:#fee2e2;--info-bg:#e0f2fe;--info-color:#0369a1}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#000;--bg-tertiary:#111;--text-primary:#f5f5f5;--text-secondary:#b3b3b3;--text-tertiary:#8c8c8c;--border-color:#3b3b3b;--border-color-light:#2a2a2a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 25px #00000080;--brand-color:#3b82f6;--brand-hover:#60a5fa;--accent-primary:#60a5fa;--accent-hover:#93c5fd;--success-color:#34d399;--success-bg:#34d3991a;--warning-color:#fbbf24;--warning-bg:#fbbf241a;--error-color:#f87171;--error-bg:#f871711a;--info-bg:#0ea5e926;--info-color:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-secondary);color:#1a1a1a;color:var(--text-primary);font-family:Poppins,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;transition:background .3s ease,color .3s ease}.auth-title,.header-title,.results-title,.section-title,.site-audit-label,.wizard-title,h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:300}.seo-analyzer{min-height:100vh;padding:0}.container{margin:0 auto;max-width:1400px;padding:0 48px}.header{background:#fff;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:0;padding:0;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.header-container{align-items:center;display:flex;justify-content:flex-end;margin:0 auto;max-width:1400px;padding:16px 24px;width:100%}.header-title{color:#2563eb!important;font-size:1.75rem;font-weight:400;margin:0;transition:opacity .2s ease}.theme-toggle{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.theme-toggle:hover{background:#f1f3f5;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--brand-color);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.project-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px;margin-left:24px;margin-right:auto}.project-name{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;font-weight:600}.project-url{color:#6c757d;color:var(--text-secondary);font-size:.85rem}.header-menu-item{color:#1a1a1a;color:var(--text-primary);font-size:.95rem;font-weight:400;text-decoration:none;transition:all .2s ease}.header-menu-item:hover{color:#2563eb;color:var(--brand-color)}.user-info{gap:12px}.user-icon-button,.user-info{align-items:center;display:flex}.user-icon-button{background:#fff;background:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:50%;color:#1a1a1a;color:var(--text-primary);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.user-icon-button:hover{background:#f1f3f5;background:var(--bg-tertiary);border-color:#2563eb;border-color:var(--brand-color);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--brand-color);transform:scale(1.05)}.user-icon-button:active{transform:scale(.95)}.user-name{color:#ffffffe6;font-size:.9rem;font-weight:500}.logout-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:8px;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.logout-button:hover{background:#ffffff1a;border-color:#2563eb;border-color:var(--brand-color);color:#2563eb;color:var(--brand-color)}.site-audit-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:64px;margin-top:32px}.site-audit-title{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.site-audit-label{color:#1a1a1a;color:var(--text-primary);font-size:1.75rem;font-weight:400;white-space:nowrap}.info-icon-btn{background:#fff;border:1px solid #e9ecef;color:#adb5bd}.info-icon-btn:hover{background:#f1f3f5;border-color:#adb5bd;color:#6c757d}.site-audit-separator{color:#1a1a1a;color:var(--text-primary);font-size:1.75rem;font-weight:700;white-space:nowrap}.site-audit-url{color:#1a1a1a;font-size:1.1rem;font-weight:400;word-break:break-all}[data-theme=dark] .site-audit-url{color:#6c757d;color:var(--text-secondary)}.edit-url-btn{align-items:center;background:#0000;border:none;color:#2563eb;color:var(--brand-color);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:4px;padding:0;transition:all .2s ease;width:20px}.edit-url-btn:hover{color:#1d4ed8;color:var(--brand-hover);transform:scale(1.1)}.site-audit-right{align-items:center;display:flex;flex-shrink:0;gap:24px}.last-crawl-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.last-crawl-label{color:#1a1a1a;font-size:.875rem;font-weight:400}[data-theme=dark] .last-crawl-label{color:#adb5bd;color:var(--text-tertiary)}.last-crawl-date{color:#1a1a1a;font-size:.875rem;font-weight:400}[data-theme=dark] .last-crawl-date{color:#6c757d;color:var(--text-secondary)}.site-audit-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.recrawl-btn{align-items:center;background:#0000;border:1px solid #2563eb;border:1px solid var(--brand-color);border-radius:12px;color:#2563eb;color:var(--brand-color);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.recrawl-btn:hover:not(:disabled){background:#2563eb;background:var(--brand-color);color:#fff}.recrawl-btn:disabled{cursor:not-allowed;opacity:.6}.action-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#2563eb;color:var(--brand-color);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.action-icon-btn:hover{background:#2563eb1a}.download-btn,.download-dropdown{position:relative}.download-btn .dropdown-arrow{bottom:2px;height:10px;position:absolute;right:2px;width:10px}.analyzer-form{margin-bottom:32px;margin-top:32px}.input-group{display:flex;gap:12px;margin:0 auto;max-width:900px}.url-input{background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#1a1a1a;color:var(--text-primary);flex:1 1;font-size:1rem;padding:18px 20px;transition:border .2s ease,box-shadow .2s ease}.url-input:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 4px #2563eb26;outline:none}.url-input::placeholder{color:#adb5bd;color:var(--text-tertiary)}.analyze-btn{background:#fff;background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#3b82f6;color:var(--accent-primary);font-weight:600;gap:10px;padding:18px 34px;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.analyze-btn:hover:not(:disabled){box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.spinner{border:2px solid #2563eb33;border-top:2px solid var(--accent-primary)}.error-message{background:#fee2e2;border:1px solid #ef444433;border-radius:14px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);margin:0 auto 32px;max-width:900px}.results-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:0;padding:0 32px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px;padding:32px 0}.results-title{color:#1a1a1a;font-size:2.25rem;font-weight:700;margin:0;white-space:nowrap}.results-header-info{align-items:center;flex:1 1;gap:24px;min-width:0}.url-display{color:#6c757d;color:var(--text-secondary);font-size:1.1rem;margin:0;white-space:nowrap;word-break:break-all}.url-display strong{color:#1a1a1a;font-weight:600}.timestamp{color:#adb5bd;font-size:.875rem;white-space:nowrap}.download-report-btn{border-radius:12px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.download-report-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 8px 20px #2563eb40;color:#fff}[data-theme=dark] .download-report-btn:hover{box-shadow:0 8px 20px #0f172ad9}@page{size:auto;marks:none;margin:2cm 1.5cm}@page :first{margin-top:2cm}@media print{body{margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.analyzer-form,.download-report-btn,.header,.header h1,.header-content,.header-top,.results-header .timestamp,.results-header-main .timestamp,.results-title,.subtitle,.theme-toggle,.timestamp{display:none!important;font-size:0!important;height:0!important;line-height:0!important;margin:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important;width:0!important}.seo-analyzer{box-shadow:none;max-width:100%;padding:0}.container{padding:0}.results-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding:16px 0}.results-header .results-title,.results-header .timestamp,.results-header h2,.results-header-main .results-title,.results-header-main .timestamp,.results-header-main h2.results-title,h2.results-title{display:none!important;font-size:0!important;height:0!important;line-height:0!important;margin:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important;width:0!important}.result-section{border:none!important;border-radius:0!important;margin:0 0 24px!important;page-break-inside:avoid}.result-section,.section-header{background:#0000!important;box-shadow:none!important;padding:0!important}.section-header{border:none!important;margin-bottom:12px!important}.section-content{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.section-content:before{display:none!important}.analyzer-form,.download-report-btn,.header,.header h1,.header-content,.header-top,.results-header .timestamp,.results-header-main .timestamp,.results-title,.subtitle,.theme-toggle,.timestamp{display:none!important;font-size:0!important;height:0!important;line-height:0!important;margin:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important;width:0!important}.results-container{margin:0 0 16px!important}.result-section,.results-container{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.result-section{margin:0 0 24px!important}.section-header{margin-bottom:12px!important}.section-content,.section-header{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}}.result-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:64px;padding:0 0 40px}.section-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.section-header .circular-progress-container{order:1}.section-title{font-size:1.6rem;margin:0;order:2}.section-content{display:flex;flex-direction:column;gap:12px}.detail-row{grid-gap:0;align-items:stretch;border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:14px;display:grid;gap:0;grid-template-columns:auto 1fr 1.8fr;overflow:hidden;padding:0}.detail-good,.detail-row{background:#fff;background:var(--bg-primary)}.detail-good{border-color:#10b98166}.detail-warning{background:#fef3c7;background:var(--warning-bg);border-color:#f59e0b4d}.detail-error{background:#fee2e2;background:var(--error-bg);border-color:#ef44444d}.row-status-section{align-items:center;background:#0000;border-right:1px solid #e9ecef;border-right:1px solid var(--border-color);display:flex;justify-content:center;padding:16px 18px}.detail-error .row-status-section,.detail-warning .row-status-section{border-right-color:#f59e0b33}.detail-error .row-status-section{border-right-color:#ef444433}.row-metric-section{background:#0000;border-right:1px solid #e9ecef;border-right:1px solid var(--border-color);gap:8px;padding:16px 18px}.detail-warning .row-metric-section{border-right-color:#f59e0b33}.detail-error .row-metric-section{border-right-color:#ef444433}.row-remark-section{align-items:flex-start;background:#0000;display:flex;flex-direction:column;justify-content:center;padding:16px 18px}.row-status-icon{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;color:#6c757d;color:var(--text-secondary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.row-status-icon svg{height:20px;width:20px}.status-good{background:#d1fae5;background:var(--success-bg);border-color:#10b9814d;color:#10b981;color:var(--success-color)}.status-warning{background:#fef3c7;background:var(--warning-bg);border-color:#f59e0b4d;color:#f59e0b;color:var(--warning-color)}.status-error{background:#fee2e2;background:var(--error-bg);border-color:#ef44444d;color:#ef4444;color:var(--error-color)}.row-label{color:#111827;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}[data-theme=dark] .row-label{color:#6c757d;color:var(--text-secondary)}.row-metric-section{display:flex;flex-direction:column;justify-content:center}.combined-explanation{color:#1a1a1a;color:var(--text-primary);font-size:1rem;line-height:1.6;word-break:break-word}.explanation-value{color:#1a1a1a;color:var(--text-primary);font-weight:500}.explanation-remark{color:#1a1a1a;font-weight:400}[data-theme=dark] .explanation-remark{color:#6c757d;color:var(--text-secondary)}.detail-good .explanation-value{color:#10b981;color:var(--success-color)}.detail-warning .explanation-value{color:#f59e0b;color:var(--warning-color)}.detail-error .explanation-value{color:#ef4444;color:var(--error-color)}.additional-content{margin-top:16px;width:100%}.additional-content-label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:16px;margin-top:8px}.inline-list{color:#1a1a1a;color:var(--text-primary);list-style:decimal;padding-left:16px}.inline-list li{margin-bottom:4px}.tag-container{display:flex;flex-wrap:wrap;gap:8px}.schema-tag{background:#f1f3f5;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:6px;color:#1a1a1a;color:var(--text-primary);display:inline-block;font-size:.875rem;font-weight:500;padding:6px 12px;white-space:nowrap}.detail-good .schema-tag{background:#d1fae5;background:var(--success-bg);border-color:#10b98133;color:#10b981;color:var(--success-color)}.heading-container{display:flex;flex-direction:column;gap:10px}.heading-box{word-wrap:break-word;background:#f1f3f5;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);font-size:.9rem;padding:12px 16px}.image-list-container{display:flex;flex-direction:column;gap:14px}.image-preview-item{grid-gap:16px;background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;display:grid;gap:16px;grid-template-columns:120px 1.5fr 1.2fr;overflow:hidden}.image-preview-header{background:#fff;background:var(--bg-secondary);color:#111827;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .image-preview-header{color:#adb5bd;color:var(--text-tertiary)}.image-preview-row{align-items:center}.image-preview-section{padding:14px 18px}.image-preview-section:not(:first-child){border-left:1px solid #e9ecef;border-left:1px solid var(--border-color)}.image-header-label{color:#111827}[data-theme=dark] .image-header-label{color:#adb5bd;color:var(--text-tertiary)}.image-detail-warning .image-preview-item{border-color:#f59e0b59}.image-detail-warning .image-preview-section:not(:first-child){border-left-color:#f59e0b59}[data-theme=dark] .image-detail-warning .image-preview-header{background:#fef3c7;background:var(--warning-bg);color:#78350f}[data-theme=dark] .image-detail-warning .image-preview-section:not(:first-child){border-left-color:#f59e0b73}[data-theme=dark] .image-detail-warning .image-header-label{color:#facc15}.link-detail-row{border-color:#e9ecef;border-color:var(--border-color)}.image-detail-warning .link-preview-item,.link-detail-row.link-detail-warning .link-preview-item{border-top-color:#f59e0b59}.image-detail-warning .link-preview-section:not(:first-child),.link-detail-row.link-detail-warning .link-preview-section:not(:first-child){border-left-color:#f59e0b59}.image-preview-left{align-items:center;display:flex;justify-content:center;padding:0}.image-preview-row .image-preview-left{margin:0 auto}.image-preview-header .image-preview-left{justify-content:flex-start;margin:0;padding:14px 18px}.image-preview-header .image-preview-section:not(:first-child){border-left-color:#e9ecef;border-left-color:var(--border-color)}.image-thumbnail{background:#fff;background:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:12px;display:block;height:64px;object-fit:cover;width:64px}.image-placeholder{align-items:center;color:#adb5bd;color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.image-preview-right{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.image-preview-remark{color:#1a1a1a;font-size:.85rem}[data-theme=dark] .image-preview-remark{color:#6c757d;color:var(--text-secondary)}.image-remark-label{color:#adb5bd;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.image-remark-text{color:#1a1a1a;line-height:1.5;margin:0}[data-theme=dark] .image-remark-text{color:#1a1a1a;color:var(--text-primary)}.link-detail-row{background:#10b9811f;border:1px solid #10b9814d;border-radius:12px;margin-bottom:20px;margin-top:12px;padding:16px}.link-detail-row.link-detail-warning{background:#ef444414;border-color:#ef444466}.link-detail-content{width:100%}.link-list-container{display:flex;flex-direction:column;gap:14px}.link-preview-item{grid-gap:16px;background:#fff;background:var(--bg-primary);border:1px solid #10b9814d;border-radius:12px;display:grid;gap:16px;grid-template-columns:.7fr 1fr 2fr;overflow:hidden}.link-detail-row.link-detail-warning .link-preview-item{border-color:#ef444466}.link-preview-header{background:#fff;background:var(--bg-secondary);color:#111827;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .link-preview-header{background:#10b9812e;color:#adb5bd;color:var(--text-tertiary)}.link-detail-row.link-detail-warning .link-preview-header,[data-theme=dark] .link-detail-row.link-detail-warning .link-preview-header{background:#fee2e2;background:var(--error-bg);color:#ef4444;color:var(--error-color)}[data-theme=dark] .link-detail-row:not(.link-detail-warning) .link-preview-header{color:#bbf7d0}.link-preview-row{align-items:center;background:#fff;background:var(--bg-primary)}.link-preview-section{padding:14px 18px}.link-preview-section:not(:first-child){border-left:1px solid #10b98140}.link-preview-type{align-items:center;display:flex}.link-header-label{color:#111827}[data-theme=dark] .link-header-label{color:#adb5bd;color:var(--text-tertiary)}[data-theme=dark] .link-detail-row:not(.link-detail-warning) .link-header-label{color:#bbf7d0}.link-detail-row.link-detail-warning .link-header-label,[data-theme=dark] .link-detail-row.link-detail-warning .link-header-label{color:#ef4444;color:var(--error-color)}.link-type-tag{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;justify-content:center;letter-spacing:.05em;padding:6px 14px;text-transform:uppercase}.link-type-tag.tag-external,.link-type-tag.tag-internal{background:#d1fae5;background:var(--success-bg);color:#10b981;color:var(--success-color)}.link-type-tag.tag-nofollow{background:#f59e0b2e;color:#b45309}.link-type-tag.tag-broken{background:#fee2e2;background:var(--error-bg);color:#ef4444;color:var(--error-color)}.link-preview-anchor{align-items:center;color:#1a1a1a;color:var(--text-primary);display:flex;font-weight:500}.link-image-anchor{align-items:center;display:flex;gap:12px}.link-image-anchor img{background:#fff;background:var(--bg-secondary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;height:56px;object-fit:cover;width:56px}.link-preview-url{align-items:center;display:flex}.link-url{color:#000;word-break:break-all}.link-url,.link-url:hover{text-decoration:underline}.image-title{word-wrap:break-word;color:#1a1a1a;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:6px}.image-link{color:#000;display:block;font-size:.875rem;line-height:1.4;word-break:break-all}.image-link,.image-link:hover,.inline-link{text-decoration:underline}.inline-link{color:#000;word-break:break-all}.inline-link:hover{text-decoration:underline}[data-theme=dark] .image-link,[data-theme=dark] .inline-link,[data-theme=dark] .link-url{color:#fff}.image-size{color:#6c757d;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-top:4px}.image-detail-row{background:#f1f3f5;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:10px;margin-bottom:20px;margin-top:12px;padding:16px}.image-detail-row.image-detail-warning{background:#fef3c7;background:var(--warning-bg);border-color:#f59e0b4d}.image-detail-content{width:100%}.row-link-stack{display:flex;flex-direction:column;gap:6px}.row-link-stack a{color:#000;word-break:break-all}.row-link-stack a,.row-link-stack a:hover{text-decoration:underline}[data-theme=dark] .row-link-stack a{color:#fff}.og-image-inline{display:flex;flex-direction:column;gap:10px}.og-image-inline img{border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:10px;max-width:240px}.og-image-inline a{color:#000;font-size:.9rem;text-decoration:underline;word-break:break-all}[data-theme=dark] .og-image-inline a{color:#fff}.muted{color:#adb5bd;color:var(--text-tertiary)}.keyword-stack{display:flex;flex-wrap:wrap;gap:8px}.keyword-chip{background:#f1f3f5;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:999px;color:#1a1a1a;color:var(--text-primary);font-size:.875rem;padding:8px 12px}.keyword-chip span{color:#6c757d;color:var(--text-secondary)}.readability-metrics{color:#1a1a1a;color:var(--text-primary);display:flex;flex-wrap:wrap;gap:10px}.readability-metrics span{border-radius:8px;padding:6px 10px}.code-block,.readability-metrics span{background:#f1f3f5;background:var(--bg-tertiary);font-size:.85rem}.code-block{border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:10px;color:#1a1a1a;color:var(--text-primary);font-family:SFMono-Regular,Consolas,monospace;overflow-x:auto;padding:12px}.circular-progress-container{align-items:center;display:flex;justify-content:center}.circular-progress-bg{stroke:#f1f3f5}.circular-progress-fg{transition:stroke-dashoffset .6s ease}.circular-progress-text{align-items:baseline;gap:2px}.circular-progress-percentage{color:#1a1a1a;font-size:1rem}.circular-progress-percent{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1}@media screen and (max-width:768px){.container{padding:0 16px}.header{padding:0}.header-container{padding:12px 16px}.header-title{font-size:1.5rem}.theme-toggle{height:40px;width:40px}.input-group{flex-direction:column}.analyze-btn{justify-content:center;width:100%}.results-container{padding:28px 20px}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.section-title{font-size:1.4rem}.circular-progress-container{align-self:flex-end}.detail-row{gap:0;grid-template-columns:1fr}.row-metric-section,.row-status-section{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);border-right:none;padding:12px 16px}.row-remark-section{padding:12px 16px}}.site-audit-page{min-height:100vh;width:100%}.keyword-analysis-page{background:var(--bg-secondary);min-height:100vh;padding:0}.keyword-analysis-page .header{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.keyword-analysis-page .header-container{display:flex;justify-content:flex-end;margin:0 auto;max-width:1400px;padding:16px 24px}.keyword-analysis-page .header-actions{align-items:center;display:flex;gap:16px}.keyword-analysis-page .user-info{align-items:center;display:flex;gap:12px}.keyword-analysis-page .user-name{color:#fff;font-size:.9rem;font-weight:500}.keyword-analysis-page .logout-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.keyword-analysis-page .logout-button:hover{background:#ffffff1a;border-color:var(--brand-color);color:var(--brand-color)}.keyword-analysis-page .theme-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.keyword-analysis-page .theme-toggle:hover{background:#fff3;border-color:#ffffff4d}.keyword-analysis-page .container{margin:0 auto;max-width:1400px;padding:0 48px 64px}.keyword-analysis-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:48px;margin-top:32px}.keyword-analysis-title{color:var(--text-primary);font-size:1.75rem;font-weight:400;margin:0}.info-icon-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.info-icon-btn:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-secondary)}.keyword-analysis-separator{color:var(--text-primary);font-size:1.75rem;font-weight:700;white-space:nowrap}.keyword-analysis-keyword{color:var(--brand-color);font-size:1.1rem;font-weight:600;word-break:break-word}.keyword-analysis-url{color:#1a1a1a;font-size:1.1rem;font-weight:400;word-break:break-all}[data-theme=dark] .keyword-analysis-url{color:var(--text-secondary)}.keyword-analysis-right{align-items:center;display:flex;flex-shrink:0;gap:24px}.last-analysis-info{font-size:.9rem}.last-analysis-date{color:#1a1a1a;font-weight:500}[data-theme=dark] .last-analysis-date{color:var(--text-primary)}.keyword-analysis-actions{align-items:center;display:flex;gap:16px}.re-analyze-btn{transition:all .2s,transform .1s}.keywords-section{margin-bottom:48px}.your-keywords-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 16px}.keyword-analysis-page .keywords-box,.seo-analyzer .keywords-box{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#ffffffe6,#dbeafecc)!important;border:1px solid #2563eb!important;border-radius:12px;min-height:200px;padding:24px}[data-theme=dark] .keyword-analysis-page .keywords-box,[data-theme=dark] .seo-analyzer .keywords-box{background:linear-gradient(135deg,#ffffffe6,#dbeafecc)!important;border:1px solid #2563eb!important}.add-keyword-btn{align-items:center;background:var(--brand-color);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;transition:background .2s ease}.add-keyword-btn:hover:not(:disabled){background:var(--brand-hover)}.add-keyword-btn:disabled{cursor:not-allowed;opacity:.6}.no-keywords-message{color:var(--text-secondary);padding:48px 24px;text-align:center}.keyword-analysis-page .keyword-tag,.seo-analyzer .keyword-tag{align-items:center;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#fff9!important;border:1px solid #2563eb33!important;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.keyword-analysis-page .keyword-tag:hover,.seo-analyzer .keyword-tag:hover{background:#fffc!important;border-color:#2563eb66!important;transform:translateY(-1px)}.keyword-analysis-page .keyword-tag.active,.seo-analyzer .keyword-tag.active{background:#2563eb26!important;border-color:#2563eb!important;color:#1e40af}.keyword-analysis-page .keyword-tag-text,.seo-analyzer .keyword-tag-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.keyword-analysis-page .keyword-tag.active .keyword-tag-text,.seo-analyzer .keyword-tag.active .keyword-tag-text{color:#1e40af!important;font-weight:600}.keyword-analysis-page .keyword-tag-delete,.seo-analyzer .keyword-tag-delete{align-items:center;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#fff9!important;border:1px solid #2563eb4d!important;border-radius:50%;color:#2563eb!important;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.8;padding:0;transition:all .2s ease;width:20px}.keyword-analysis-page .keyword-tag:hover .keyword-tag-delete,.seo-analyzer .keyword-tag:hover .keyword-tag-delete{border-color:#2563eb80!important;opacity:1}.keyword-analysis-page .keyword-tag.active .keyword-tag-delete,.seo-analyzer .keyword-tag.active .keyword-tag-delete{background:#fffc!important;border-color:#2563eb66!important;color:#2563eb!important;opacity:1}.keyword-analysis-page .keyword-tag-delete:hover,.seo-analyzer .keyword-tag-delete:hover{background:#2563eb1a!important;border-color:#2563eb99!important;color:#1d4ed8!important;opacity:1}.keyword-analysis-page .keyword-tag.active .keyword-tag-delete:hover,.seo-analyzer .keyword-tag.active .keyword-tag-delete:hover{background:#2563eb33!important;border-color:#2563eb!important;color:#1e40af!important}.modal-close{border-radius:8px;height:32px;padding:0;width:32px}.modal-form .form-group{margin-bottom:20px}.modal-cancel-btn{color:var(--text-secondary);padding:10px 24px}.modal-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-primary)}.modal-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.modal-submit-btn{padding:10px 24px;transition:background .2s,transform .1s}.modal-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.modal-submit-btn:active:not(:disabled){transform:translateY(0)}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap}.form-group{flex:1 1;min-width:200px}.keyword-input,.url-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.keyword-input:focus,.url-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.keyword-input:disabled,.url-input:disabled{cursor:not-allowed;opacity:.6}.keyword-results-section{margin-top:48px}.keyword-results-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.selected-keyword-info{display:flex;flex-direction:column;gap:8px}.selected-keyword-row{align-items:center;display:flex;gap:8px}.selected-keyword-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.selected-keyword-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.keyword-actions{align-items:center;display:flex;gap:8px;margin-left:12px}.delete-keyword-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.delete-keyword-btn:hover{background:#fee;border-color:#dc3545;color:#dc3545}[data-theme=dark] .delete-keyword-btn{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .delete-keyword-btn:hover{background:#dc35451a;border-color:#dc3545}.selected-keyword-url{color:var(--text-secondary);font-size:.9rem}.keyword-results-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.keyword-results{margin-top:0}.results-header{margin-bottom:32px}.results-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:300;margin-bottom:16px}.results-header-info{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:8px}.url-display{display:flex;gap:8px}.url-display strong{color:var(--text-primary);font-weight:500}.keyword-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:40px}.metric-value.success{color:var(--success-color)}.metric-value.warning{color:var(--warning-color)}.result-section{border-bottom:1px solid #00000014;margin-bottom:40px;padding:0!important}[data-theme=dark] .result-section{border-bottom-color:#ffffff1a}.keyword-analysis-page .result-section .section-content,.keyword-analysis-page .result-section .section-header{padding:0!important}.keyword-analysis-page .results-container{margin:0 auto;max-width:1100px;padding:0!important;width:100%}.keyword-analysis-page .site-audit-divider,.keyword-analysis-page .site-audit-results-section,.keyword-analysis-page .site-audit-section-title{margin:0 auto;max-width:1100px;padding:0;width:100%}.keyword-analysis-page .site-audit-divider .site-audit-section-title{padding:0}.keyword-analysis-page .site-audit-section-title{color:var(--text-primary);font-size:2rem;font-weight:600;margin:100px 0}.keyword-analysis-page .image-detail-row.image-detail-good{background:#10b9811f;border-color:#10b9814d}.section-title{font-size:1.25rem;font-weight:300;margin-bottom:16px}.meta-text,.section-content{color:var(--text-primary)}.meta-text{font-size:1rem;line-height:1.6;margin-bottom:8px}.success-note{color:var(--success-color);font-size:.9rem;margin-top:8px}.heading-list{list-style:none;margin:0;padding:0}.heading-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.heading-level{background:var(--brand-color);border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;min-width:32px;padding:4px 8px;text-align:center}.heading-text{color:var(--text-primary);flex:1 1;font-size:.95rem}.occurrences-list{display:flex;flex-direction:column;gap:12px}.occurrence-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.occurrence-context{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin:0}.keyword-highlight{background:#2563eb33;border-radius:3px;color:var(--brand-color);font-weight:600;padding:2px 4px}@media (max-width:768px){.keyword-analysis-page .container{padding:0 24px 64px}.form-row{flex-direction:column}.form-group{width:100%}.analyze-btn{justify-content:center;width:100%}.keyword-metrics{grid-template-columns:1fr}}.confirm-dialog{max-width:450px}.confirm-dialog-header{border-bottom:1px solid var(--border-color);padding:24px}.confirm-dialog-body{padding:32px 24px;text-align:center}.confirm-dialog-message{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 0 12px}.confirm-dialog-message strong{color:var(--text-primary);font-weight:600}.confirm-dialog-warning{font-size:.9rem;margin:0}.confirm-dialog-actions{border-top:1px solid var(--border-color);padding:24px}.confirm-dialog-cancel-btn{color:var(--text-secondary);padding:10px 24px}.confirm-dialog-cancel-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.confirm-dialog-delete-btn{padding:10px 24px;transition:all .2s ease}.confirm-dialog-delete-btn:hover{transform:translateY(-1px)}.confirm-dialog-delete-btn:active{transform:translateY(0)}.competitor-analysis-page{background:var(--bg-secondary);min-height:100vh;padding:0}.seo-analyzer.competitor-analysis-page .container{padding:0 16px}.competitor-analysis-container{margin:0 auto;max-width:1600px;padding:32px 16px}.competitor-analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.competitor-analysis-header .page-title,.competitor-analysis-page .page-title{color:var(--text-primary);font-size:2rem;font-weight:400!important;margin:0}.add-competitor-btn{align-items:center;background:var(--brand-color);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;transition:background .2s ease}.add-competitor-btn:hover:not(:disabled){background:var(--brand-hover)}.add-competitor-btn:disabled{cursor:not-allowed;opacity:.6}.competitor-analysis-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:24px}.form-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr auto}.form-group input{font-size:.95rem;transition:border-color .2s}.form-group input:disabled{cursor:not-allowed;opacity:.6}.analyze-btn{box-sizing:border-box;font-size:.95rem;min-height:44px;padding:12px 24px;transition:background .2s ease}.error-message{border-radius:8px;font-size:.9rem;gap:8px;margin-top:16px;padding:12px 16px}.comparison-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border:1px solid #2563eb;border-radius:12px;overflow-x:auto;padding:24px}[data-theme=dark] .comparison-container{background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border:1px solid #2563eb}.comparison-header-row{grid-gap:0;border-bottom:2px solid #2563eb4d;display:grid;gap:0;grid-template-columns:.6fr 1fr 1fr;margin-bottom:24px;padding-bottom:16px}.comparison-header-row>:not(:last-child){margin-right:24px;padding-right:24px}.comparison-header,.comparison-header .column-title{color:var(--text-primary);font-weight:600}.comparison-header .column-title{font-size:1.25rem;margin:0 0 8px}.comparison-header .column-url{color:var(--text-secondary);font-size:.9rem;word-break:break-all}.comparison-row{grid-gap:0;align-items:start;border-bottom:1px solid #2563eb4d;display:grid;gap:0;grid-template-columns:.6fr 1fr 1fr;padding:16px 0}.comparison-row>:not(:last-child){margin-right:24px;padding-right:24px}.comparison-metric-column,.comparison-metric-label{color:var(--text-primary);font-weight:500}.comparison-metric-label{font-size:.95rem}.comparison-value-column{display:flex;flex-direction:column;gap:8px}.comparison-value-content{align-items:flex-start;display:flex;gap:12px}.comparison-status-icon{flex-shrink:0;margin-top:2px}.comparison-value-text{flex:1 1}.comparison-value{color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.comparison-remark{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-top:4px}.comparison-additional-content{margin-top:8px}.comparison-additional-content .code-block{font-size:.8rem;line-height:1.4;max-width:400px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.comparison-value-column.comparison-good{background-color:#22c55e1a;border-radius:6px;padding:12px}[data-theme=dark] .comparison-value-column.comparison-good{background-color:#22c55e26}.comparison-value-column.comparison-warning{background-color:#eab3081a;border-radius:6px;padding:12px}[data-theme=dark] .comparison-value-column.comparison-warning{background-color:#eab30826}.comparison-value-column.comparison-error{background-color:#ef44441a;border-radius:6px;padding:12px}[data-theme=dark] .comparison-value-column.comparison-error{background-color:#ef444426}.section-header{margin-bottom:16px;padding-bottom:16px}.section-header.comparison-row{margin-bottom:16px;padding:16px 0}.section-header .section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:300;margin:0}.section-header .comparison-value-column{align-items:center;display:flex;justify-content:center}.metrics-placeholder{color:var(--text-secondary);padding:48px 24px;text-align:center}.comparison-column .result-section{border-bottom:1px solid #00000014;margin-bottom:40px;padding:0}[data-theme=dark] .comparison-column .result-section{border-bottom-color:#ffffff1a}.comparison-column .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0}.comparison-column .section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:300;margin:0}.comparison-column .section-content{padding:0}.spinner{animation:spin .8s linear infinite}.competitors-section{margin-bottom:48px}.your-competitors-title{color:#6d747d;font-size:1.25rem;font-weight:400;margin:0 0 16px}.competitor-results-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.selected-competitor-info{display:flex;flex-direction:column;gap:8px}.selected-competitor-row{align-items:center;display:flex;gap:8px}.selected-competitor-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.selected-competitor-url{color:var(--text-primary);font-size:1.1rem;font-weight:600}.delete-competitor-header-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:8px;padding:0;transition:all .2s ease;width:32px}.delete-competitor-header-btn:hover{background:#fee;border-color:#dc3545;color:#dc3545}[data-theme=dark] .delete-competitor-header-btn{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .delete-competitor-header-btn:hover{background:#dc35451a;border-color:#dc3545}.selected-competitor-keyword{color:var(--text-primary);font-size:1.1rem;font-weight:600}.competitor-results-actions{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.last-analysis-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.last-analysis-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.last-analysis-date{color:var(--text-primary);font-size:.95rem;font-weight:600}.re-analyze-btn .spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}.competitors-box{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border:1px solid #2563eb;border-radius:12px;min-height:200px;padding:24px}.no-competitors-message{color:var(--text-secondary);padding:48px 24px;text-align:center}.competitors-tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.competitor-tag{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #2563eb33;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.competitor-tag:hover{background:#fffc;border-color:#2563eb66;transform:translateY(-1px)}.competitor-tag.active{background:#2563eb26;border-color:#2563eb;color:#1e40af}.competitor-tag-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.competitor-tag.active .competitor-tag-text{color:#1e40af;font-weight:600}.competitor-tag-keyword{color:var(--text-secondary);font-size:.85rem;font-style:italic}.competitor-tag.active .competitor-tag-keyword{color:#1e40afcc}.competitor-tag-delete{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #2563eb4d;border-radius:50%;color:#2563eb;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:.8;padding:0;transition:all .2s ease;width:20px}.competitor-tag:hover .competitor-tag-delete{border-color:#2563eb80;opacity:1}.competitor-tag.active .competitor-tag-delete{background:#fffc;border-color:#2563eb66;color:#2563eb;opacity:1}.competitor-tag-delete:hover{background:#2563eb1a;border-color:#2563eb99;color:#1d4ed8;opacity:1}.competitor-tag.active .competitor-tag-delete:hover{background:#2563eb33;border-color:#2563eb;color:#1e40af}.confirm-dialog{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:24px;width:100%}.confirm-dialog-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.confirm-dialog-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.confirm-dialog-body{margin-bottom:24px}.confirm-dialog-message{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.confirm-dialog-warning{color:var(--text-secondary);font-size:.875rem;font-style:italic}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-dialog-cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.confirm-dialog-delete-btn{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:background .2s ease}.confirm-dialog-delete-btn:hover{background:var(--brand-hover)}.image-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.image-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.image-card:hover{border-color:var(--brand-color);box-shadow:0 4px 12px #0000001a}.image-card-image{align-items:center;background:var(--bg-secondary);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.image-card-thumbnail{height:100%;object-fit:cover;width:100%}.image-card-placeholder{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.image-card-details{display:flex;flex-direction:column;gap:8px;padding:16px}.image-card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;word-break:break-word}.image-card-link{color:#000;font-size:.85rem;line-height:1.4;text-decoration:underline;word-break:break-all}[data-theme=dark] .image-card-link{color:#fff}.image-card-link:hover{color:var(--brand-color)}.image-card-size{color:var(--text-secondary);font-size:.85rem;font-weight:500}.image-card-remark{border-top:1px solid var(--border-color);margin-top:8px;padding-top:12px}.image-card-remark-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.image-card-remark-text{color:var(--text-primary);font-size:.85rem;line-height:1.5;margin:0}.link-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.link-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.link-card:hover{box-shadow:0 4px 12px #0000001a}.link-card-broken{background:#ef44440d;border-color:#ef44444d}[data-theme=dark] .link-card-broken{background:#ef44441a;border-color:#ef444466}.link-card-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px}.link-card-type-tag{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.link-card-type-tag.tag-external,.link-card-type-tag.tag-internal{background:#22c55e1a;color:#22c55e}.link-card-type-tag.tag-nofollow{background:#eab3081a;color:#eab308}.link-card-type-tag.tag-broken{background:#ef44441a;color:#ef4444}.link-card-content{display:flex;flex-direction:column;gap:12px;padding:16px}.link-card-image{display:flex;flex-direction:column;gap:8px}.link-card-thumbnail{object-fit:cover}.link-card-image-placeholder,.link-card-thumbnail{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;height:48px;min-height:48px;min-width:48px;width:48px}.link-card-image-placeholder{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.link-card-image-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;text-align:left}.link-card-anchor{display:flex;flex-direction:column;gap:4px}.link-card-anchor-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.link-card-anchor-text{color:var(--text-primary);font-size:.95rem;line-height:1.4;word-break:break-word}.link-card-url-section{display:flex;flex-direction:column;gap:4px}.link-card-url-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.link-card-url{color:#000;font-size:.85rem;line-height:1.4;text-decoration:underline;word-break:break-all}[data-theme=dark] .link-card-url{color:#fff}.link-card-url:hover{color:var(--brand-color)}.link-card-remark{border-top:1px solid var(--border-color);margin-top:4px;padding-top:12px}.link-card-remark-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.link-card-remark-text{color:var(--text-primary);font-size:.85rem;line-height:1.5;margin:0}.image-thumbnails-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.image-thumbnail-card{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:12px;transition:all .2s ease}.image-thumbnail-card:hover{box-shadow:0 4px 12px #0000001a}.image-thumbnail-image{align-items:center;align-self:flex-start;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.image-thumbnail-icon{object-fit:cover}.image-thumbnail-icon,.image-thumbnail-placeholder{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;height:48px;min-height:48px;min-width:48px;width:48px}.image-thumbnail-placeholder{align-items:center;color:var(--text-secondary);display:flex;justify-content:center}.image-thumbnail-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.image-thumbnail-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;word-break:break-word}.image-thumbnail-link{color:#000;font-size:.8rem;line-height:1.4;text-decoration:underline;word-break:break-all}[data-theme=dark] .image-thumbnail-link{color:#fff}.image-thumbnail-link:hover{color:var(--brand-color)}.image-thumbnail-size{color:var(--text-secondary);font-size:.8rem;font-weight:500}.image-thumbnail-remark{margin-top:4px}.image-thumbnail-remark-text{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.modal-overlay{padding:20px;z-index:2000}.modal-content{box-shadow:0 8px 32px #0003;max-width:600px;overflow-y:auto;padding:0;width:100%}.modal-header{padding:24px}.modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:#0000;transition:all .2s ease}.modal-form{padding:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-cancel-btn:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.modal-submit-btn{align-items:center;background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s ease}.modal-submit-btn:hover:not(:disabled){background:var(--brand-hover)}.modal-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.comparison-container,.form-row{grid-template-columns:1fr}}.rank-tracking-page{min-height:100vh}.rank-tracking-page .container{padding:0 48px}.rank-tracking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding-top:32px}.header-buttons{align-items:center;display:flex;gap:12px}.page-title{font-weight:600;margin:0}.connection-prompt{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin:80px auto;max-width:600px;padding:48px;text-align:center}.connection-icon{align-items:center;color:var(--brand-color);display:flex;justify-content:center;margin-bottom:24px}.connection-prompt h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:16px}.connection-prompt>p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:32px}.connect-button{align-items:center;background:var(--brand-color);border:none;border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:12px;padding:14px 28px;transition:all .2s ease}.connect-button:hover:not(:disabled){background:#1d4ed8;box-shadow:var(--shadow-md);transform:translateY(-2px)}.connect-button:active:not(:disabled){transform:translateY(0)}.connect-button:disabled{cursor:not-allowed;opacity:.6}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.connection-info{border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px}.info-note{color:var(--text-tertiary);font-size:.9rem;line-height:1.6;margin:0}.info-note strong{color:var(--text-secondary)}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.error-close{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;margin-left:auto;padding:0;transition:background .2s ease;width:24px}.error-close:hover{background:#ef444433}.controls-section{align-items:flex-end;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px}.control-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.date-range-buttons{display:flex;flex-wrap:wrap;gap:8px}.date-range-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.date-range-btn:hover{background:var(--bg-tertiary);border-color:var(--brand-color);color:var(--brand-color)}.date-range-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.custom-date-inputs{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.custom-date-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:150px}.custom-date-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-button{border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-button.secondary{background:var(--bg-secondary);color:var(--text-secondary)}.modal-button.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-button.primary{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.modal-button.primary:hover{background:#e03d00;background:var(--brand-color-dark,#e03d00);border-color:#e03d00;border-color:var(--brand-color-dark,#e03d00)}.tracked-keywords-section{margin-top:48px;width:100%}.tracked-keywords-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tracked-keywords-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.tracked-keywords-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.tracked-keywords-table{border-collapse:collapse;font-size:.9rem;width:100%}.tracked-keywords-table thead{background:var(--bg-secondary)}.tracked-keywords-table th{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.tracked-keywords-table th:first-child{border-top-left-radius:12px}.tracked-keywords-table th:last-child{border-top-right-radius:12px}.tracked-keywords-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.tracked-keywords-table tbody tr:last-child{border-bottom:none}.tracked-keywords-table tbody tr:hover{background:var(--bg-secondary)}.tracked-keywords-table td{color:var(--text-secondary);padding:14px 16px;vertical-align:middle}.tracked-keywords-table .position-cell{color:var(--text-primary);font-weight:600;text-align:center}.tracked-keywords-table .keyword-cell,.tracked-keywords-table .volume-cell{color:var(--text-primary);font-weight:500}.tracked-keywords-table .volume-cell{text-align:right}.tracked-keywords-table .competition-cell{text-align:center}.competition-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.competition-badge.competition-low{background:#d1fae5;color:#065f46}.competition-badge.competition-medium{background:#fef3c7;color:#92400e}.competition-badge.competition-high{background:#fee2e2;color:#991b1b}.muted{color:var(--text-secondary);font-style:italic}.tracked-keywords-table .url-cell{max-width:300px}.tracked-keywords-table .url-link{color:var(--brand-color);text-decoration:none;transition:color .2s ease;word-break:break-all}.tracked-keywords-table .url-link:hover{color:#e03d00;color:var(--brand-color-dark,#e03d00);text-decoration:underline}.no-data-message{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);padding:32px;text-align:center}.no-data-message p{font-size:.9rem;margin:0}.debug-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:48px;margin-top:48px;padding:24px}.debug-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.debug-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.debug-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.9rem;min-width:200px;padding:12px 16px}.debug-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #ff46031a;outline:none}.debug-button{align-items:center;background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:background .2s ease;white-space:nowrap}.debug-button:hover:not(:disabled){background:var(--brand-color-hover)}.debug-button:disabled{cursor:not-allowed;opacity:.6}.debug-info{border-radius:8px;font-size:.85rem;line-height:1.6;padding:16px}.debug-info.debug-loading{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.debug-info.debug-success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.debug-info.debug-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.debug-info.debug-error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.debug-message,.debug-status{margin-bottom:12px}.debug-data,.debug-error,.debug-stack{border-top:1px solid #0000001a;margin-top:16px;padding-top:16px}.debug-data pre,.debug-error pre,.debug-stack pre{background:#0000000d;border-radius:4px;font-size:.8rem;margin-top:8px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:12px}.debug-stack pre{font-size:.75rem;max-height:200px}@media (max-width:768px){.tracked-keywords-header{align-items:flex-start;flex-direction:column;gap:16px}.tracked-keywords-header .refresh-button{width:100%}.debug-controls{flex-direction:column}.debug-button,.debug-input{width:100%}.tracked-keywords-table{font-size:.85rem}.tracked-keywords-table td,.tracked-keywords-table th{padding:10px 12px}.tracked-keywords-table .url-cell{max-width:200px}}.control-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.date-input,.property-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px;transition:all .2s ease}.date-input:focus,.property-select:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #ff46031a;outline:none}.refresh-button{align-items:center;background:var(--brand-color);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;transition:background .2s ease}.refresh-button:hover:not(:disabled){background:var(--brand-hover)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.button-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.disconnect-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.disconnect-button:hover{background:var(--bg-tertiary);border-color:#ef4444;color:#ef4444}.performance-section{margin-top:24px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:32px}.metric-card{border-radius:12px;min-width:0;padding:16px;position:relative;transition:all .2s ease}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-label{font-size:.8rem;margin-bottom:6px}.metric-checkbox{align-items:center;cursor:pointer;display:inline-flex;left:12px;margin:0;position:absolute;top:12px;z-index:1}.metric-checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .2s ease;width:18px}.metric-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--brand-color);border-color:var(--brand-color)}.metric-checkbox input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;margin-top:-2px;transform:rotate(45deg);width:5px}.metric-checkbox:hover .checkbox-custom{border-color:var(--brand-color)}.metric-value{font-family:Poppins,sans-serif;font-weight:700;margin-bottom:6px}.metric-description{color:var(--text-tertiary);font-size:.75rem;line-height:1.4}.chart-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-top:32px;max-width:100%;padding:24px;width:100%}.chart-title{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:12px;margin-bottom:24px}.chart-keyword-badge{background:#ff46031a;border:1px solid var(--brand-color);border-radius:6px;color:var(--brand-color);font-size:.9rem;font-weight:500;padding:4px 12px}.chart-container{margin-top:24px}.line-chart-wrapper{background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;overflow-x:auto;padding:20px;position:relative;width:100%}.line-chart{height:300px;min-width:1000px;width:100%}.line-chart-x-axis{border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:8px;min-width:1000px;padding:12px 20px 0}.x-axis-label{color:var(--text-tertiary);flex:1 1;font-size:.75rem;text-align:center;white-space:nowrap}.chart-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:250px;min-width:180px;padding:12px 16px;pointer-events:none;position:fixed;transform:translate(-50%,calc(-100% - 12px));z-index:1000}.tooltip-date{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:8px;padding-bottom:8px}.tooltip-metrics{display:flex;flex-direction:column;gap:6px}.tooltip-metric{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.tooltip-label{color:var(--text-secondary);margin-right:12px}.tooltip-value{color:var(--text-primary);font-weight:600}.chart-legend{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.legend-line{border-radius:2px;height:3px;width:24px}.legend-clicks{background:var(--brand-color)}.legend-impressions{background:#fbbf24}.legend-ctr{background:#34a853}.legend-position{background:#9c27b0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--brand-color);height:48px;margin-bottom:16px;width:48px}.loading-container p{color:var(--text-secondary);font-size:.95rem}.no-data{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:48px;text-align:center}.no-data p{color:var(--text-secondary);font-size:1rem}.no-data-prompt{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:48px;text-align:center}.no-data-prompt p{color:var(--text-secondary);font-size:1rem}.keyword-ranking-section{margin-bottom:32px}.keyword-ranking-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 16px}.keywords-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.keywords-tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px}.keyword-tag{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s ease}.keyword-tag:hover{background:#2563eb0d;border-color:var(--brand-color)}.keyword-tag.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.keyword-tag-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.keyword-tag.active .keyword-tag-text{color:#fff}.keyword-filter-indicator{align-items:center;background:#ff46031a;border:1px solid var(--brand-color);border-radius:8px;color:var(--text-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.keyword-filter-indicator strong{color:var(--brand-color)}.clear-keyword-filter{background:var(--brand-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:background .2s ease}.clear-keyword-filter:hover{background:var(--brand-hover)}@media (max-width:768px){.rank-tracking-page .container{padding:24px}.connection-prompt{margin:40px auto;padding:32px 24px}.controls-section{align-items:stretch;flex-direction:column}.control-group{min-width:100%}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{width:100%}.chart-section{padding:16px}.line-chart-wrapper{padding:12px}.line-chart{height:250px;min-width:800px}.line-chart-x-axis{min-width:800px;padding:8px 12px 0}.x-axis-label{font-size:.7rem}.chart-title{font-size:1.1rem}}.core-web-vitals-page{background:var(--bg-secondary);min-height:100vh;padding:0}.core-web-vitals-page .header{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:0;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;z-index:1000}[data-theme=dark] .core-web-vitals-page .header{background:var(--bg-primary)}.core-web-vitals-page .header-container{align-items:center;display:flex;justify-content:flex-end;margin:0 auto;max-width:1400px;padding:16px 24px;width:100%}.core-web-vitals-page .header-actions{align-items:center;display:flex;gap:16px}.core-web-vitals-page .header-menu-item{color:var(--text-primary);font-size:.95rem;font-weight:400;text-decoration:none;transition:all .2s ease}.core-web-vitals-page .header-menu-item:hover{color:var(--brand-color)}.core-web-vitals-page .user-info{align-items:center;display:flex;gap:12px}.core-web-vitals-page .user-icon-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.core-web-vitals-page .user-icon-button:hover{background:var(--bg-tertiary);border-color:var(--brand-color);box-shadow:var(--shadow-sm);color:var(--brand-color);transform:scale(1.05)}.core-web-vitals-page .user-icon-button:active{transform:scale(.95)}.core-web-vitals-page .container{margin:0 auto;max-width:1400px;padding:32px 48px 64px}.core-web-vitals-header{gap:24px;justify-content:space-between;margin-bottom:48px}.core-web-vitals-header,.header-actions{align-items:center;display:flex;flex-wrap:wrap}.header-actions{gap:16px}.device-toggle-container{align-items:center;display:flex;gap:12px}.device-toggle-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.device-toggle{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;display:inline-flex;gap:4px;padding:4px;position:relative}.device-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:10px 20px;position:relative;transition:all .2s ease;white-space:nowrap;z-index:1}.device-toggle-btn:hover:not(:disabled):not(.active){background:var(--bg-secondary);color:var(--text-primary)}.device-toggle-btn.active{background:var(--brand-color);color:#fff}.device-toggle-btn.active svg{stroke:#fff;color:#fff}.device-toggle-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.device-toggle-btn svg{flex-shrink:0;height:18px;transition:all .2s ease;width:18px}.page-title{color:var(--text-primary);font-size:2rem;font-weight:400;margin:0 0 8px}.page-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.re-analyze-btn{align-items:center;background:#0000;border:2px solid var(--brand-color);border-radius:8px;box-sizing:border-box;color:var(--brand-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.re-analyze-btn:hover:not(:disabled){background:var(--brand-color);color:#fff;transform:translateY(-1px)}.re-analyze-btn:active:not(:disabled){transform:translateY(0)}.re-analyze-btn:disabled{cursor:not-allowed;opacity:.6}.analysis-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:32px}.form-group{margin-bottom:24px}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-hint{font-size:.875rem;font-style:italic;margin-top:8px}.form-actions{gap:12px}.analyze-btn,.form-actions{align-items:center;display:flex}.analyze-btn{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;gap:8px;padding:12px 32px;transition:background .2s,transform .1s;white-space:nowrap}.analyze-btn:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{cursor:not-allowed;opacity:.6}.download-report-btn{align-items:center;background:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;min-height:44px;padding:12px 20px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.download-report-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 8px 20px #2563eb40}.download-report-btn:disabled{cursor:not-allowed;opacity:.6}.download-report-btn svg{flex-shrink:0}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;background:var(--error-bg);border:1px solid #ef444466;border-radius:12px;color:var(--error-color);display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.error-message svg{flex-shrink:0}.no-results-message{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);margin-bottom:24px;padding:32px;text-align:center}.no-results-message p{line-height:1.6;margin:0}.results-info-header{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;margin-bottom:32px;padding-bottom:24px}.device-badge,.results-info-header strong{color:var(--text-primary)}.device-badge{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:4px 12px}.device-badge svg{flex-shrink:0}.timestamp{color:var(--text-tertiary);font-size:.85rem}.category-scores-section{margin-bottom:48px}.category-scores-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-score-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border:1px solid #2563eb;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .2s ease}[data-theme=dark] .category-score-card{background:linear-gradient(135deg,#0f172ae6,#1e3a8a99);border:1px solid #3b82f680}.category-score-card:hover{box-shadow:0 8px 24px #2563eb33;transform:translateY(-2px)}.category-score-circle{align-items:center;border:6px solid;border-radius:50%;display:flex;height:100px;justify-content:center;width:100px}.category-score-value{font-size:2rem;font-weight:700}.category-score-label{color:var(--text-primary);font-size:1rem;font-weight:600}.category-score-status{font-size:.875rem;font-weight:500;margin-top:4px}.circular-progress-container{display:inline-block;position:relative}.circular-progress-svg{transform:rotate(-90deg)}.circular-progress-bg{fill:none;stroke:var(--bg-tertiary);opacity:.2}.circular-progress-fg{fill:none;transition:stroke-dashoffset .6s ease-in-out}.circular-progress-text{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circular-progress-percentage{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.overall-score-section{margin-bottom:48px}.score-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;gap:24px;padding:32px}.score-card,.score-circle{align-items:center;display:flex}.score-circle{border:8px solid;border-radius:50%;flex-shrink:0;height:120px;justify-content:center;width:120px}.score-value{font-size:2.5rem;font-weight:700}.score-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 8px}.score-label{font-size:1.1rem;font-weight:500;margin:0}.vitals-section{margin-bottom:48px}.section-title{font-weight:600;margin:0 0 24px}.vitals-rows{display:flex;flex-direction:column;gap:24px}.vital-row{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr}.vital-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border:1px solid #2563eb;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:24px;transition:all .2s ease}[data-theme=dark] .vital-card{background:linear-gradient(135deg,#0f172ae6,#1e3a8a99);border:1px solid #3b82f680}.vital-remark{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:24px}.vital-remark p{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin:0 0 20px}.thresholds-table{border:1px solid var(--border-color);border-collapse:initial;border-radius:8px;border-spacing:0;font-size:.9rem;margin-top:16px;overflow:hidden;width:100%}.thresholds-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.thresholds-table th{border-right:1px solid var(--border-color);color:var(--text-primary);font-size:.85rem;font-weight:600;padding:10px 12px;text-align:left}.thresholds-table th:last-child{border-right:none}.thresholds-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-secondary);padding:10px 12px}.thresholds-table td:last-child{border-right:none}.thresholds-table tbody tr:last-child td{border-bottom:none}.threshold-label{font-weight:500}.vital-header{margin-bottom:16px}.vital-header h4{color:var(--text-primary);font-size:1.5rem;font-weight:400;margin:0 0 4px}.vital-label{color:var(--text-secondary);font-size:.9rem}.vital-value{font-size:2.5rem;font-weight:400;margin-bottom:8px}.vital-status{font-size:1.1rem;font-weight:600;margin-bottom:16px}.vital-thresholds{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;padding-top:16px}.vital-description,.vital-thresholds{color:var(--text-secondary);font-size:.85rem}.vital-description{line-height:1.4;margin-top:8px}.additional-metrics-section{margin-bottom:48px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metric-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center}.metric-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:8px}.metric-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.recommendations-section{margin-bottom:48px}.recommendations-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;list-style:none;margin:0;padding:24px}.recommendations-list li{border-bottom:1px solid var(--border-color);color:var(--text-primary);line-height:1.6;padding:12px 0}.recommendations-list li:last-child{border-bottom:none}.recommendations-list li:before{color:var(--brand-color);content:"•";display:inline-block;font-weight:700;margin-right:8px;width:1em}.insights-section{margin-bottom:48px}.insight-category{margin-bottom:24px}.insight-category-header{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:12px 0;transition:background-color .2s ease}.insight-category-header:hover{background:var(--bg-secondary);margin:0 -16px;padding:12px 16px}.insight-category-title{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.insight-category-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.insight-category-chevron.expanded{transform:rotate(180deg)}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border:1px solid #2563eb;border-radius:6px;margin-bottom:8px;overflow:hidden}[data-theme=dark] .insight-item{background:linear-gradient(135deg,#0f172ae6,#1e3a8a99);border:1px solid #3b82f680}.insight-header-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.insight-header-row:hover{background:var(--bg-secondary)}.insight-header-content{align-items:center;display:flex;flex:1 1;gap:12px}.insight-icon{align-items:center;display:flex;flex-shrink:0}.insight-item.insight-opportunity .insight-icon{color:#ef4444}.insight-item.insight-diagnostic .insight-icon{color:#f59e0b}.insight-item.insight-passed .insight-icon{color:#6b7280}.insight-title-content{align-items:center;display:flex;flex:1 1;gap:8px}.insight-title-text{color:var(--text-primary);font-size:.9rem;font-weight:400}.insight-savings-text{color:var(--text-secondary);font-size:.9rem}.insight-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.insight-chevron.expanded{transform:rotate(180deg)}.insight-expanded-content{border-top:1px solid var(--border-color);margin-top:0;padding:0 16px 16px;padding:12px 16px 16px 48px}.insight-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 12px}.insight-value{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;margin-top:6px;padding-top:8px}.insight-value strong{color:var(--text-primary);margin-right:8px}.insight-details{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.insight-savings{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.savings-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.insight-table-container{margin-top:12px;overflow-x:auto}.insight-details-table{border:1px solid var(--border-color);border-collapse:initial;border-radius:6px;border-spacing:0;font-size:.85rem;overflow:hidden;width:100%}.insight-details-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.insight-details-table th{border-right:1px solid var(--border-color);color:var(--text-primary);font-size:.8rem;font-weight:600;padding:10px 12px;text-align:left}.insight-details-table th:last-child{border-right:none}.insight-details-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-secondary);padding:10px 12px}.insight-details-table td:last-child{border-right:none}.insight-details-table tbody tr:last-child td{border-bottom:none}.insight-url-cell{max-width:300px;word-break:break-all}.insight-url-cell a{color:var(--brand-color);text-decoration:none;transition:color .2s ease}.insight-url-cell a:hover{color:var(--brand-hover);text-decoration:underline}.network-dependency-tree{margin-top:16px}.dependency-max-latency{background:var(--bg-secondary);border-radius:6px;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:16px;padding:8px 12px}.dependency-tree-container{margin-top:12px}.dependency-chain{margin-bottom:16px}.dependency-chain-item{margin-bottom:8px}.dependency-resource{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:4px;padding:8px 12px}.dependency-resource.max-latency{background:#ef44441a;border-color:#ef4444}.dependency-resource-main{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.dependency-resource-info{flex:1 1;min-width:0}.dependency-url{color:var(--brand-color);display:block;font-size:.85rem;margin-bottom:4px;text-decoration:none;transition:color .2s ease;word-break:break-all}.dependency-url:hover{color:var(--brand-hover);text-decoration:underline}.dependency-metrics{color:var(--text-secondary);display:flex;font-size:.8rem;gap:12px}.dependency-duration{color:var(--text-primary);font-weight:500}.dependency-size{color:var(--text-secondary)}.dependency-children{border-left:2px solid var(--border-color);margin-left:12px;margin-top:4px;padding-left:16px}@media (max-width:768px){.core-web-vitals-page .container{padding:24px 24px 48px}.core-web-vitals-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{align-items:stretch;flex-direction:column;gap:12px;width:100%}.device-toggle-container{justify-content:space-between;width:100%}.device-toggle{flex:1 1}.device-toggle-btn{flex:1 1;justify-content:center}.re-analyze-btn{justify-content:center;width:100%}.metrics-grid,.vital-row{grid-template-columns:1fr}.category-scores-grid{grid-template-columns:repeat(2,1fr)}}.account-settings-page{display:flex;flex-direction:column;min-height:100vh}.seo-analyzer.account-settings-page .container{margin:0;max-width:100%;padding:0 48px 64px}.settings-container{padding:32px 0 0;width:100%}.settings-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:40px}.settings-header-left{flex:1 1;min-width:200px}.settings-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:300;margin-bottom:8px}.settings-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.settings-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.settings-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:0;margin-bottom:32px}.settings-tab{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--text-secondary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;padding:12px 24px;position:relative;transition:all .2s}.settings-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-tab.active{border-bottom-color:var(--brand-color);color:var(--brand-color);font-weight:600}.form-value-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.95rem;min-height:20px;padding:12px 16px}.user-type-badge-container{align-items:center;display:flex;gap:12px}.user-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.user-type-badge.basic{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.user-type-badge.pro{background:linear-gradient(135deg,#2563eb1a,#3b82f61a);border:1px solid #2563eb4d;color:var(--brand-color)}.settings-section{margin-bottom:32px}.section-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:400;margin-bottom:8px}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.settings-form{gap:24px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:var(--text-primary);font-size:.95rem;font-weight:500}.form-hint{color:var(--text-secondary);font-size:.85rem;margin:0}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.95rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.logo-upload-container{display:flex;flex-direction:column;gap:20px}.logo-upload-area{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;padding:32px;position:relative;transition:all .3s ease}.logo-upload-area:hover{background:#2563eb05;border-color:var(--brand-color)}.logo-upload-area.drag-over{background:#2563eb0d;border-color:var(--brand-color);border-style:solid}.logo-preview-wrapper{min-height:160px;width:100%}.logo-preview,.logo-preview-wrapper{align-items:center;display:flex;justify-content:center}.logo-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);height:160px;overflow:hidden;transition:transform .2s,box-shadow .2s;width:160px}.logo-preview:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.logo-preview-image{height:100%;object-fit:contain;padding:12px;width:100%}.logo-placeholder{color:var(--text-secondary);flex-direction:column;gap:12px;text-align:center}.logo-placeholder,.logo-placeholder-icon{align-items:center;display:flex;justify-content:center}.logo-placeholder-icon{background:#2563eb1a;border-radius:12px;color:var(--brand-color);height:64px;width:64px}.logo-placeholder-icon svg{height:32px;width:32px}.logo-placeholder-text{display:flex;flex-direction:column;gap:4px}.logo-placeholder-text span:first-child{color:var(--text-primary);font-size:.95rem;font-weight:500}.logo-placeholder-text span:last-child{color:var(--text-secondary);font-size:.85rem}.logo-upload-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.upload-button{align-items:center;background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.upload-button:hover{background:var(--brand-hover);box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.upload-button:active{transform:translateY(0)}.upload-button svg{height:18px;width:18px}.remove-button{align-items:center;background:#0000;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.remove-button:hover{background:var(--error-bg);box-shadow:0 4px 12px #ef444426;color:var(--error-color);transform:translateY(-1px)}.remove-button:active{transform:translateY(0)}.remove-button svg{height:18px;width:18px}.toggle-container{align-items:center;display:flex;gap:12px}.toggle-switch{display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:var(--brand-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{color:var(--text-primary)}.save-button,.toggle-label{font-size:.95rem;font-weight:500}.save-button{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;padding:12px 24px;transition:background .2s}.save-button:hover:not(:disabled){background:var(--brand-hover)}.save-button:disabled{cursor:not-allowed;opacity:.6}.reset-button{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;padding:12px 24px;transition:background .2s,border-color .2s}.reset-button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}[data-theme=dark] .form-input{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .logo-preview{background:var(--bg-tertiary);border-color:var(--border-color)}@media (max-width:768px){.seo-analyzer.account-settings-page .container{padding:0 24px 64px}.settings-header{align-items:stretch;flex-direction:column}.settings-header-actions{justify-content:stretch;width:100%}.reset-button,.save-button{flex:1 1}}.not-found-page{background:var(--bg-primary);height:100vh;overflow:auto;padding:24px}.not-found-container,.not-found-page{align-items:center;display:flex;justify-content:center}.not-found-container{flex-direction:column;gap:32px;max-width:600px;text-align:center;width:100%}.not-found-content{width:100%}.not-found-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:16px}.not-found-description{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.not-found-button{border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.not-found-button.primary{background:var(--brand-color);color:#fff}.not-found-button.primary:hover{background:var(--brand-hover);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.not-found-button.secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.not-found-button.secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.not-found-illustration{align-items:center;display:flex;justify-content:center;width:100%}.not-found-image{height:auto;max-width:500px;object-fit:contain;width:100%}@media (max-width:768px){.not-found-title{font-size:1.5rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column}.not-found-button{width:100%}.not-found-container{gap:24px}}.no-internet-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:24px}.no-internet-container{max-width:600px;text-align:center;width:100%}.no-internet-content{align-items:center;display:flex;flex-direction:column;gap:24px}.no-internet-icon{color:var(--text-secondary);height:120px;margin-bottom:8px;opacity:.6;width:120px}.no-internet-icon svg{height:100%;width:100%}.no-internet-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin:0}.no-internet-description{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.6;margin:0;max-width:500px}.no-internet-status{margin:8px 0}.status-indicator{align-items:center;border-radius:20px;display:inline-flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px}.status-indicator.offline{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-indicator.online{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-indicator.offline .status-dot{animation:pulse 2s infinite;background:#ef4444}.status-indicator.online .status-dot{background:#22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.9rem}.no-internet-actions{margin-top:8px}.no-internet-button{background:var(--brand-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:12px 32px;transition:all .2s ease}.no-internet-button:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.no-internet-button:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5}.no-internet-tips{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;margin-top:32px;max-width:500px;padding:24px;text-align:left}.tips-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0 0 16px}.tips-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.tips-list li{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:.95rem;line-height:1.6;padding-left:24px;position:relative}.tips-list li:before{color:var(--brand-color);content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}[data-theme=dark] .no-internet-tips{background:#ffffff0d}@media (max-width:768px){.no-internet-title{font-size:1.5rem}.no-internet-description{font-size:1rem}.no-internet-icon{height:100px;width:100px}.no-internet-tips{padding:20px}}.App{min-height:100vh}
/*# sourceMappingURL=main.baa9d6bb.css.map*/