.rank-tracker-page{min-height:100vh;background:var(--bg-base)}.rank-tracker-hero{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;position:relative;overflow:hidden}.rank-tracker-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 0,rgba(99,102,241,.03) 20%,transparent 40%),linear-gradient(90deg,transparent 60%,rgba(99,102,241,.03) 80%,transparent);pointer-events:none}.rank-tracker-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1;width:100%}.rank-tracker-hero h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.rank-tracker-hero p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:100%;margin:0 auto}.rank-tracker-tool{padding:var(--space-8) var(--space-6)}.tool-container{max-width:900px;margin:0 auto}.rank-tracker-form{background:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.form-row:last-child{margin-bottom:0}.form-group{flex:1 1}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.form-group input,.form-group select{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--color-primary-500);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-group input:hover,.form-group select:hover{border-color:var(--color-primary-600)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.form-group input:disabled,.form-group select:disabled{background:var(--color-slate-100);cursor:not-allowed;opacity:.7}.keyword-group{flex:1.5 1}.url-group{flex:1 1}.options-row{align-items:flex-end}.device-group{flex:0 0 auto}.device-toggle{display:flex;gap:var(--space-1);background:var(--color-slate-100);padding:var(--space-1);border-radius:var(--radius-lg)}.device-toggle button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.device-toggle button svg{width:16px;height:16px}.device-toggle button:hover:not(:disabled){color:var(--text-primary)}.device-toggle button.active{background:var(--bg-surface);color:var(--color-primary-600);box-shadow:var(--shadow-xs)}.device-toggle button:disabled{cursor:not-allowed;opacity:.5}.device-toggle button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.check-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-inverse);background:var(--color-primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-base),box-shadow var(--transition-base);white-space:nowrap;box-shadow:0 0 0 2px rgba(99,102,241,.25)}.check-button svg{width:18px;height:18px}.check-button:hover:not(:disabled){background:var(--color-primary-700);box-shadow:0 0 0 2px rgba(99,102,241,.35)}.check-button:disabled{opacity:.7;cursor:not-allowed}.check-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-4);background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-lg);color:var(--color-error-700);font-size:var(--text-sm)}.error-message svg{width:20px;height:20px;flex-shrink:0}.rank-result{margin-top:var(--space-6)}.position-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.position-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.position-card.top3:before{background:linear-gradient(90deg,var(--color-success-400),var(--color-success-500))}.position-card.top10:before{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-500))}.position-card.top20:before{background:linear-gradient(90deg,var(--color-warning-400),var(--color-warning-500))}.position-card.low:before{background:linear-gradient(90deg,var(--color-error-400),var(--color-error-500))}.position-card.not-found:before{background:var(--color-slate-300)}.position-main{margin-bottom:var(--space-4)}.position-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);margin-bottom:var(--space-2)}.position-value{display:block;font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1}.position-card.top3 .position-value{color:var(--color-success-600)}.position-card.top10 .position-value{color:var(--color-primary-600)}.position-card.top20 .position-value{color:var(--color-warning-600)}.position-card.low .position-value{color:var(--color-error-600)}.position-card.not-found .position-value{color:var(--text-muted);font-size:var(--text-2xl)}.position-page{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.position-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap}.meta-separator{color:var(--color-slate-300)}.demo-badge{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);background:var(--color-warning-100);color:var(--color-warning-700);border-radius:var(--radius-md)}.serp-features{margin-top:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border)}.serp-features h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.serp-features-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.serp-feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-slate-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.serp-feature.has-target{background:var(--color-success-100);color:var(--color-success-800)}.feature-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);background:var(--color-success-500);color:#fff;border-radius:var(--radius-sm)}.top-results{margin-top:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border)}.top-results h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.results-list{display:flex;flex-direction:column;gap:var(--space-3)}.result-item{display:flex;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-base)}.result-item:hover{background:var(--color-slate-50)}.result-item.is-target{background:var(--color-primary-50);border:1px solid var(--color-primary-200)}.result-position{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);min-width:32px}.result-item.is-target .result-position{color:var(--color-primary-600)}.result-content{flex:1 1;min-width:0}.result-title{display:-webkit-box;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-primary-600);text-decoration:none;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.result-title:hover{text-decoration:underline}.result-link{display:block;font-size:var(--text-sm);color:var(--color-success-700);margin-bottom:var(--space-1)}.result-snippet{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.your-site-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);background:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);white-space:nowrap;align-self:flex-start}.rate-limit-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-slate-100);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.rate-limit-info svg{width:16px;height:16px}.rank-tracker-why{padding:var(--space-12) var(--space-6);background:var(--bg-base);border-top:1px solid var(--border)}.rank-tracker-why-inner{max-width:720px;margin:0 auto}.rank-tracker-why-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em}.rank-tracker-why-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--space-8)}.rank-tracker-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.rank-tracker-why-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--border);transition:background var(--transition-base)}.rank-tracker-why-item:last-child{border-bottom:none}.rank-tracker-why-item:hover{background:var(--color-slate-50);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);border-radius:var(--radius-lg)}.rank-tracker-why-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg)}.rank-tracker-why-icon svg{width:20px;height:20px}.rank-tracker-why-content{flex:1 1;min-width:0}.rank-tracker-why-content h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.rank-tracker-why-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.rank-tracker-cta{padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.04));border-top:1px solid rgba(99,102,241,.15)}.cta-content{max-width:500px;margin:0 auto;text-align:center}.cta-content h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.cta-content>p{color:var(--text-secondary);margin-bottom:var(--space-5);font-size:var(--text-sm)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-primary-600);color:#fff;font-weight:var(--font-semibold);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.cta-button:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cta-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.cta-button svg{width:18px;height:18px}.rank-tracker-back{padding:var(--space-8) var(--space-6);text-align:center;background:var(--bg-base);border-top:1px solid var(--border)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-base)}.back-link:hover{color:var(--color-primary-600)}.back-link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:4px}.back-link svg{width:16px;height:16px}@media (max-width:768px){.rank-tracker-hero{padding:var(--space-6) var(--space-4) var(--space-5);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.rank-tracker-hero h1{font-size:var(--text-xl)}.rank-tracker-tool{padding:var(--space-6) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.rank-tracker-form{padding:var(--space-4)}.form-row{flex-direction:column;gap:var(--space-3)}.form-group input,.form-group select{font-size:16px}.options-row{flex-direction:column;gap:var(--space-4);align-items:stretch}.device-group,.options-row .form-group{flex:none}.device-toggle{justify-content:stretch}.device-toggle button{flex:1 1}.check-button{width:100%;min-height:48px}.position-card{padding:var(--space-6)}.position-value{font-size:var(--text-4xl)}.result-item{flex-wrap:wrap}.your-site-badge{margin-left:auto}.rank-tracker-why{padding:var(--space-10) var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.rank-tracker-why-desc{margin-bottom:var(--space-6)}.rank-tracker-why-item{padding:var(--space-4) 0}.rank-tracker-why-item:hover{margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3)}.rank-tracker-back,.rank-tracker-cta{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}}@media (max-width:480px){.rank-tracker-hero{padding:var(--space-5) var(--space-3) var(--space-4);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.rank-tracker-hero h1{font-size:var(--text-lg)}.rank-tracker-hero p{font-size:13px}.rank-tracker-tool{padding:var(--space-4) var(--space-3);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.rank-tracker-form{padding:var(--space-3)}.device-toggle button span{display:none}.device-toggle button{justify-content:center}.position-card{padding:var(--space-5)}.position-value{font-size:var(--text-3xl)}.rank-tracker-why{padding:var(--space-8) var(--space-3);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.rank-tracker-why-title{font-size:var(--text-xl)}.rank-tracker-why-desc{font-size:var(--text-sm);margin-bottom:var(--space-5)}.rank-tracker-why-item{gap:var(--space-3);padding:var(--space-3) 0}.rank-tracker-why-icon{width:36px;height:36px}.rank-tracker-why-icon svg{width:18px;height:18px}.rank-tracker-why-content h3{font-size:var(--text-sm)}}