.pkv-container{max-width:1400px;margin:0 auto;padding:clamp(1.75rem,4vw + 0.25rem,3.5rem) clamp(1.25rem,3vw + 0.25rem,2rem)}.pkv-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:clamp(1.75rem,3.5vw,2.75rem)}.pkv-page-header__content{flex:1;min-width:0}.pkv-page-header h1{font-size:clamp(1.75rem,3vw + 0.5rem,2.5rem);font-weight:700;color:var(--text-primary);margin:0 0 0.375rem;line-height:1.15;letter-spacing:-0.02em}@media (max-width:640px){.pkv-page-header{flex-direction:column}}.pkv-subtitle{font-size:clamp(0.9rem,1.5vw + 0.2rem,1.0625rem);color:var(--text-secondary);margin:0;line-height:1.55}.pkv-tab-nav{display:flex;align-items:center;gap:0.25rem;padding:0.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:9999px;flex-shrink:0}.pkv-tab-nav__item{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border:none;background:transparent;cursor:pointer;white-space:nowrap;transition:color 0.15s ease,background-color 0.15s ease;min-height:36px}.pkv-tab-nav__item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.pkv-tab-nav__item.is-active{background:var(--accent);color:#ffffff;font-weight:600;box-shadow:0 1px 3px rgba(var(--accent-rgb),0.3)}.pkv-tab-nav__item.is-active:hover{background:var(--accent-hover);color:#ffffff}.pkv-tab-nav__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:640px){.pkv-tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pkv-tab-nav::-webkit-scrollbar{display:none}}.pkv-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0.375rem;margin-bottom:clamp(1rem,2vw,1.5rem);font-size:0.8125rem;line-height:1.4}.pkv-breadcrumb__link{color:var(--text-secondary);text-decoration:none;transition:color 0.15s ease}.pkv-breadcrumb__link:hover{color:var(--accent)}.pkv-breadcrumb__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.pkv-breadcrumb__separator{color:var(--text-muted);font-size:0.625rem;line-height:1;user-select:none}.pkv-breadcrumb__current{color:var(--text-primary);font-weight:500}.pkv-score{--_pkv-score-size:2.5rem;--_pkv-score-font:clamp(0.8125rem,1vw + 0.25rem,0.9375rem);display:inline-flex;align-items:center;justify-content:center;width:var(--_pkv-score-size);height:var(--_pkv-score-size);border-radius:50%;font-size:var(--_pkv-score-font);font-weight:800;line-height:1;flex-shrink:0;transition:transform 0.15s ease,box-shadow 0.15s ease}.pkv-score--excellent{background:rgba(22,163,74,0.1);color:#16a34a;border:1.5px solid rgba(22,163,74,0.25);box-shadow:0 0 8px -2px rgba(22,163,74,0.2)}html.dark .pkv-score--excellent{background:rgba(22,163,74,0.15);color:#4ade80;border-color:rgba(74,222,128,0.25);box-shadow:0 0 10px -2px rgba(74,222,128,0.2)}.pkv-score--good{background:rgba(37,99,235,0.08);color:#2563eb;border:1.5px solid rgba(37,99,235,0.2);box-shadow:0 0 8px -2px rgba(37,99,235,0.15)}html.dark .pkv-score--good{background:rgba(37,99,235,0.15);color:#60a5fa;border-color:rgba(96,165,250,0.25);box-shadow:0 0 10px -2px rgba(96,165,250,0.18)}.pkv-score--average{background:rgba(217,119,6,0.08);color:#d97706;border:1.5px solid rgba(217,119,6,0.2);box-shadow:0 0 8px -2px rgba(217,119,6,0.15)}html.dark .pkv-score--average{background:rgba(217,119,6,0.15);color:#fbbf24;border-color:rgba(251,191,36,0.25);box-shadow:0 0 10px -2px rgba(251,191,36,0.18)}.pkv-score--poor{background:rgba(220,38,38,0.08);color:#dc2626;border:1.5px solid rgba(220,38,38,0.2);box-shadow:0 0 8px -2px rgba(220,38,38,0.15)}html.dark .pkv-score--poor{background:rgba(220,38,38,0.15);color:#f87171;border-color:rgba(248,113,113,0.25);box-shadow:0 0 10px -2px rgba(248,113,113,0.18)}.pkv-score--none{background:var(--bg-tertiary);color:var(--text-muted);border:1.5px solid var(--border)}.pkv-score--sm{--_pkv-score-size:2rem;--_pkv-score-font:0.75rem}.pkv-score--lg{--_pkv-score-size:3.25rem;--_pkv-score-font:clamp(1rem,1.5vw + 0.25rem,1.1875rem)}.pkv-product-badges{display:flex;flex-wrap:wrap;gap:0.375rem}.pkv-product-badge{display:inline-flex;align-items:center;padding:0.1875rem 0.5rem;border-radius:9999px;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;line-height:1.4;border:1px solid}.pkv-product-badge--gaming{color:#7c3aed;border-color:rgba(124,58,237,0.3);background:rgba(124,58,237,0.06)}html.dark .pkv-product-badge--gaming{color:#a78bfa;border-color:rgba(167,139,250,0.3);background:rgba(167,139,250,0.1)}.pkv-product-badge--value{color:#059669;border-color:rgba(5,150,105,0.3);background:rgba(5,150,105,0.06)}html.dark .pkv-product-badge--value{color:#34d399;border-color:rgba(52,211,153,0.3);background:rgba(52,211,153,0.1)}.pkv-product-badge--premium{color:#d97706;border-color:rgba(217,119,6,0.3);background:rgba(217,119,6,0.06)}html.dark .pkv-product-badge--premium{color:#fbbf24;border-color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.1)}.pkv-product-badge--creator{color:#2563eb;border-color:rgba(37,99,235,0.3);background:rgba(37,99,235,0.06)}html.dark .pkv-product-badge--creator{color:#60a5fa;border-color:rgba(96,165,250,0.3);background:rgba(96,165,250,0.1)}.pkv-product-badge--workstation{color:#64748b;border-color:rgba(100,116,139,0.3);background:rgba(100,116,139,0.06)}html.dark .pkv-product-badge--workstation{color:#94a3b8;border-color:rgba(148,163,184,0.3);background:rgba(148,163,184,0.1)}.pkv-product-badge--office{color:#64748b;border-color:rgba(100,116,139,0.3);background:rgba(100,116,139,0.06)}html.dark .pkv-product-badge--office{color:#94a3b8;border-color:rgba(148,163,184,0.3);background:rgba(148,163,184,0.1)}.pkv-product-badge--allround{color:#0891b2;border-color:rgba(8,145,178,0.3);background:rgba(8,145,178,0.06)}html.dark .pkv-product-badge--allround{color:#22d3ee;border-color:rgba(34,211,238,0.3);background:rgba(34,211,238,0.1)}.pkv-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1rem;padding:clamp(1.125rem,2.5vw + 0.25rem,1.75rem);box-shadow:0 1px 2px rgba(0,0,0,0.04),0 4px 8px rgba(0,0,0,0.04),0 8px 16px rgba(0,0,0,0.03);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),border-color 0.2s ease,box-shadow 0.2s ease}html.dark .pkv-card{background:rgba(30,30,30,0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(255,255,255,0.08);box-shadow:0 1px 2px rgba(0,0,0,0.2),0 4px 8px rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.1)}.pkv-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,0.06),0 6px 12px rgba(0,0,0,0.06),0 12px 24px rgba(0,0,0,0.06)}html.dark .pkv-card:hover{box-shadow:0 2px 4px rgba(0,0,0,0.25),0 6px 12px rgba(0,0,0,0.2),0 12px 24px rgba(0,0,0,0.12)}.pkv-card--elevated{background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 3px rgba(0,0,0,0.06),0 6px 12px rgba(0,0,0,0.05),0 12px 24px rgba(0,0,0,0.04)}html.dark .pkv-card--elevated{box-shadow:0 1px 3px rgba(0,0,0,0.25),0 6px 12px rgba(0,0,0,0.2),0 12px 24px rgba(0,0,0,0.12)}.pkv-card--elevated:hover{box-shadow:0 2px 4px rgba(0,0,0,0.08),0 8px 16px rgba(0,0,0,0.07),0 16px 32px rgba(0,0,0,0.05)}html.dark .pkv-card--elevated:hover{box-shadow:0 2px 4px rgba(0,0,0,0.3),0 8px 16px rgba(0,0,0,0.25),0 16px 32px rgba(0,0,0,0.15)}.pkv-card--clickable{cursor:pointer;transition:transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.pkv-card--clickable:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:0 4px 8px rgba(0,0,0,0.08),0 8px 16px rgba(0,0,0,0.06),0 16px 32px rgba(0,0,0,0.04)}html.dark .pkv-card--clickable:hover{box-shadow:0 4px 8px rgba(0,0,0,0.3),0 8px 16px rgba(0,0,0,0.25),0 16px 32px rgba(0,0,0,0.15)}.pkv-empty-state{text-align:center;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,2rem);color:var(--text-secondary)}.pkv-empty-state__icon{font-size:2.5rem;margin-bottom:1rem;opacity:0.4}.pkv-empty-state__title{font-size:clamp(1.125rem,2vw + 0.25rem,1.375rem);font-weight:600;color:var(--text-primary);margin:0 0 0.5rem}.pkv-empty-state__text{font-size:clamp(0.9rem,1.5vw + 0.2rem,1rem);color:var(--text-secondary);margin:0;line-height:1.55;max-width:28rem;margin-inline:auto}.pkv-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1.125rem;border-radius:0.5rem;font-size:0.875rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease,transform 0.15s ease;min-height:44px;line-height:1.4}.pkv-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pkv-btn--primary{background:var(--accent);color:#ffffff;border-color:var(--accent);box-shadow:0 4px 14px rgba(var(--accent-rgb),0.25)}.pkv-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#ffffff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),0.35)}.pkv-btn--outline{background:transparent;border-color:var(--border);color:var(--text-primary)}.pkv-btn--outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.pkv-btn--sm{padding:0.375rem 0.75rem;font-size:0.8125rem;min-height:36px;border-radius:0.375rem}.pkv-btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.pkv-btn--ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pkv-section-title{font-size:clamp(1.125rem,2vw + 0.25rem,1.375rem);font-weight:700;color:var(--text-primary);margin:0 0 clamp(1rem,2vw,1.5rem);line-height:1.3;letter-spacing:-0.01em}.pkv-section-title--bordered{padding-bottom:clamp(0.75rem,1.5vw,1rem);border-bottom:1px solid var(--border)}.pkv-compare-toggle{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.75rem;border:1px solid var(--border);border-radius:9999px;background:transparent;cursor:pointer;font-size:0.75rem;font-weight:500;color:var(--text-secondary);transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;white-space:nowrap;user-select:none;min-height:36px}.pkv-compare-toggle input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.pkv-compare-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.pkv-compare-toggle:has(input:checked){background:var(--accent);border-color:var(--accent);color:#ffffff;font-weight:600}.pkv-compare-toggle:has(input:checked):hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pkv-compare-toggle:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.pkv-badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem;border-radius:9999px;font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.pkv-badge--winner{background:rgba(22,163,74,0.1);color:#16a34a;border:1px solid rgba(22,163,74,0.2)}html.dark .pkv-badge--winner{background:rgba(74,222,128,0.12);color:#4ade80;border-color:rgba(74,222,128,0.25)}.pkv-badge--draw{background:rgba(100,116,139,0.1);color:#64748b;border:1px solid rgba(100,116,139,0.2)}html.dark .pkv-badge--draw{background:rgba(148,163,184,0.15);color:#94a3b8;border-color:rgba(148,163,184,0.25)}.pkv-badge--tag{background:rgba(37,99,235,0.08);color:#2563eb;border:1px solid rgba(37,99,235,0.2)}html.dark .pkv-badge--tag{background:rgba(96,165,250,0.12);color:#60a5fa;border-color:rgba(96,165,250,0.25)}.pkv-skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:pkv-shimmer 1.5s infinite;border-radius:0.375rem}@keyframes pkv-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.pkv-grid{display:grid;gap:clamp(1rem,2vw,1.5rem)}.pkv-score-ring--excellent{box-shadow:0 0 8px -2px rgba(22,163,74,0.25)}html.dark .pkv-score-ring--excellent{box-shadow:0 0 12px -2px rgba(74,222,128,0.35)}.pkv-score-ring--good{box-shadow:0 0 8px -2px rgba(37,99,235,0.25)}html.dark .pkv-score-ring--good{box-shadow:0 0 12px -2px rgba(96,165,250,0.35)}.pkv-score-ring--average{box-shadow:0 0 8px -2px rgba(217,119,6,0.25)}html.dark .pkv-score-ring--average{box-shadow:0 0 12px -2px rgba(251,191,36,0.35)}.pkv-score-ring--poor{box-shadow:0 0 8px -2px rgba(220,38,38,0.25)}html.dark .pkv-score-ring--poor{box-shadow:0 0 12px -2px rgba(248,113,113,0.35)}.pkv-glass-surface{background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3)}html.dark .pkv-glass-surface{background:rgba(36,36,36,0.7);border-color:rgba(255,255,255,0.08)}@supports not (backdrop-filter:blur(10px)){.pkv-glass-surface{background:var(--bg-secondary)}}.pkv-toggle-chip{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.75rem;border-radius:9999px;border:1px solid var(--border);background:var(--bg-secondary);font-size:0.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;user-select:none;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease;min-height:36px}.pkv-toggle-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.pkv-toggle-chip.is-active{background:var(--accent);color:#ffffff;border-color:var(--accent);font-weight:600}.pkv-toggle-chip.is-active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pkv-toggle-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pkv-card,.pkv-card--clickable,.pkv-card--elevated,.pkv-btn,.pkv-btn--primary,.pkv-score,.pkv-compare-toggle,.pkv-tab-nav__item,.pkv-breadcrumb__link,.pkv-toggle-chip{transition:none}.pkv-card--clickable:hover,.pkv-btn--primary:hover{transform:none}.pkv-skeleton{animation:none}}