.rank-tracker{max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.rank-tracker .loading-screen{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px}.rank-tracker .spinner-lg{width:32px;height:32px;border:2px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:rank-tracker-spin .8s linear infinite}@keyframes rank-tracker-spin{to{transform:rotate(1turn)}}.rank-tracker .fade-in{animation:rank-tracker-fadeIn .2s ease-out}@keyframes rank-tracker-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rank-tracker .spin{animation:rank-tracker-spin .8s linear infinite}.rank-tracker .search-section{margin-bottom:1.25rem}.rank-tracker .search-box{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rank-tracker .search-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.rank-tracker .search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:0 .875rem;min-height:44px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.rank-tracker .search-input-wrapper:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}.rank-tracker .search-input-wrapper svg{color:#94a3b8;flex-shrink:0}.rank-tracker .search-input-wrapper input{flex:1 1;min-width:0;padding:.5rem 0;background:transparent;border:none;font-size:.9375rem;color:#0f172a;outline:none}.rank-tracker .search-input-wrapper input::placeholder{color:#94a3b8}.rank-tracker .search-input-wrapper:focus-within input{outline:none}.rank-tracker .search-input-wrapper:focus-visible{outline:none}.rank-tracker .search-options{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.rank-tracker .location-select{padding:.5rem .75rem;min-height:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.8125rem;color:#0f172a;cursor:pointer;transition:border-color .15s}.rank-tracker .location-select:focus{outline:none;border-color:#4f46e5}.rank-tracker .device-toggle{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.rank-tracker .device-toggle button{padding:.5rem .875rem;min-height:40px;background:#f8fafc;border:none;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s}.rank-tracker .device-toggle button:first-child{border-right:1px solid #e2e8f0}.rank-tracker .device-toggle button.active{background:#4f46e5;color:#fff}.rank-tracker .device-toggle button:hover:not(.active):not(:disabled){background:#e2e8f0}.rank-tracker .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;min-height:40px;font-size:.875rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background .15s,transform .1s}.rank-tracker .btn-primary{background:#4f46e5;color:#fff}.rank-tracker .btn-primary:hover:not(:disabled){background:#4338ca}.rank-tracker .btn-primary:disabled{opacity:.5;cursor:not-allowed}.rank-tracker .btn:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.rank-tracker .error-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8125rem;margin-bottom:1rem}.rank-tracker .error-alert svg{flex-shrink:0}.rank-tracker .overview-section{margin-bottom:1.25rem}.rank-tracker .overview-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.rank-tracker .position-card{display:flex;align-items:center;justify-content:center;min-height:88px;padding:.875rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rank-tracker .position-card.top3{border-color:#16a34a;background:#f0fdf4}.rank-tracker .position-card.top10{border-color:#2563eb;background:#eff6ff}.rank-tracker .position-card.top20{border-color:#d97706;background:#fffbeb}.rank-tracker .position-card.low{border-color:#dc2626;background:#fef2f2}.rank-tracker .position-card.not-found{border-color:#94a3b8;background:#f8fafc}.rank-tracker .pc-rank{display:flex;flex-direction:column;align-items:center;gap:.125rem}.rank-tracker .pc-label{font-size:.625rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.rank-tracker .pc-value{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rank-tracker .position-card.top3 .pc-value{color:#16a34a}.rank-tracker .position-card.top10 .pc-value{color:#2563eb}.rank-tracker .position-card.top20 .pc-value{color:#d97706}.rank-tracker .position-card.low .pc-value{color:#dc2626}.rank-tracker .pc-page{font-size:.625rem;color:#94a3b8}.rank-tracker .demo-tag{position:absolute;top:6px;right:6px;padding:.125rem .375rem;background:#fef3c7;color:#d97706;font-size:.5rem;font-weight:600;border-radius:4px}.rank-tracker .overview-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rank-tracker .oc-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;border-radius:8px;flex-shrink:0}.rank-tracker .oc-icon.features{background:#dcfce7;color:#16a34a}.rank-tracker .oc-icon.remaining{background:#fef3c7;color:#d97706}.rank-tracker .oc-info{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.rank-tracker .oc-value{font-size:1.125rem;font-weight:600;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rank-tracker .oc-label{font-size:.6875rem;color:#64748b}.rank-tracker .query-info{margin-bottom:1.25rem}.rank-tracker .query-tags{display:flex;flex-wrap:wrap;gap:.5rem}.rank-tracker .query-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;color:#475569}.rank-tracker .query-tag svg{color:#94a3b8;flex-shrink:0}.rank-tracker .serp-section{margin-bottom:1.25rem}.rank-tracker .section-title{font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.625rem}.rank-tracker .serp-chips{display:flex;flex-wrap:wrap;gap:.5rem}.rank-tracker .serp-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;color:#475569}.rank-tracker .serp-chip svg{color:#16a34a;flex-shrink:0}.rank-tracker .serp-chip.has-target{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.rank-tracker .you-badge{padding:.125rem .3125rem;background:#16a34a;color:#fff;font-size:.5625rem;font-weight:600;border-radius:3px}.rank-tracker .results-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rank-tracker .results-table-section .section-title{padding:.875rem 1.25rem;margin:0;border-bottom:1px solid #e2e8f0;font-size:.9375rem}.rank-tracker .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.rank-tracker .results-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.8125rem}.rank-tracker .results-table td,.rank-tracker .results-table th{padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid #e2e8f0}.rank-tracker .results-table th{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc}.rank-tracker .results-table th.col-rank{width:56px}.rank-tracker .results-table th.col-domain{width:200px}.rank-tracker .results-table th.col-action{width:80px}.rank-tracker .results-table tr:last-child td{border-bottom:none}.rank-tracker .results-table tr:hover{background:#f8fafc}.rank-tracker .results-table tr.is-target{background:#f0fdf4}.rank-tracker .results-table tr.is-target:hover{background:#dcfce7}.rank-tracker .rank-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#f1f5f9;border-radius:6px;font-weight:600;color:#64748b;font-size:.8125rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rank-tracker .is-target .rank-num{background:#16a34a;color:#fff}.rank-tracker .result-title{display:block;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.rank-tracker .result-domain{font-size:.75rem;color:#006621}.rank-tracker .your-site-badge{display:inline-block;padding:.25rem .5rem;background:#16a34a;color:#fff;font-size:.625rem;font-weight:600;border-radius:6px}.rank-tracker .visit-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;color:#94a3b8;border-radius:6px;transition:all .15s}.rank-tracker .visit-link:hover{background:#e2e8f0;color:#4f46e5}.rank-tracker .visit-link:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.rank-tracker .empty-section{display:flex;justify-content:center;padding:2rem 1rem}.rank-tracker .empty-state{max-width:400px;text-align:center;padding:2rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.rank-tracker .empty-state svg{color:#cbd5e1;margin-bottom:1rem}.rank-tracker .empty-state h3{margin:0 0 .5rem;font-size:1.0625rem;font-weight:600;color:#0f172a}.rank-tracker .empty-state p{margin:0 0 1.25rem;color:#64748b;font-size:.875rem;line-height:1.4}.rank-tracker .features-list{display:flex;flex-direction:column;gap:.5rem;text-align:left}.rank-tracker .feature-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#475569}.rank-tracker .feature-item svg{color:#16a34a;flex-shrink:0}@media (max-width:1200px){.rank-tracker .overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rank-tracker .search-section{margin-bottom:1rem}.rank-tracker .search-box{padding:1rem max(1rem,env(safe-area-inset-left)) 1rem max(1rem,env(safe-area-inset-right))}.rank-tracker .search-inputs{grid-template-columns:1fr;gap:.625rem}.rank-tracker .search-input-wrapper{min-height:44px}.rank-tracker .search-options{flex-wrap:wrap;gap:.625rem}.rank-tracker .location-select{min-height:44px;flex:1 1;min-width:0}.rank-tracker .device-toggle button{min-height:44px;flex:1 1}.rank-tracker .btn{min-height:44px;width:100%}.rank-tracker .overview-grid{grid-template-columns:1fr 1fr;gap:.625rem}.rank-tracker .position-card{min-height:80px;padding:.75rem}.rank-tracker .pc-value{font-size:1.25rem}.rank-tracker .overview-card{padding:.75rem}.rank-tracker .oc-icon{width:32px;height:32px}.rank-tracker .results-table-section .section-title{padding:.75rem 1rem}.rank-tracker .results-table td,.rank-tracker .results-table th{padding:.625rem .75rem}.rank-tracker .result-title{max-width:180px}.rank-tracker .visit-link{width:40px;height:40px;min-width:40px;min-height:40px}.rank-tracker .empty-section,.rank-tracker .empty-state{padding:1.5rem 1rem}}@media (max-width:480px){.rank-tracker .search-options{flex-direction:column;align-items:stretch}.rank-tracker .device-toggle{justify-content:stretch}.rank-tracker .device-toggle button{flex:1 1}.rank-tracker .overview-grid{grid-template-columns:1fr}.rank-tracker .position-card{min-height:76px}.rank-tracker .query-tag,.rank-tracker .serp-chip{padding:.375rem .625rem;font-size:.75rem}}