@layer components{.vk-tool{--vk-series-1: #4d8dff;--vk-series-2: #ec4899;--vk-series-3: #bf7f0a;--vk-series-4: #10a876;--vk-series-other: #94a3b8}:root.light-theme .vk-tool{--vk-series-1: #025bff;--vk-series-2: #e11177;--vk-series-3: #d97706;--vk-series-4: #059669}.vk-form-card{max-width:760px;margin:0 auto}.vk-form-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}@media (max-width: 480px){.vk-form-actions>.btn{flex:1 1 100%}}.vk-results{display:flex;flex-direction:column;gap:16px;margin-top:24px}.vk-results:empty{display:none}.vk-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min, 300px)),1fr))}.vk-status{display:flex;align-items:center;justify-content:center;gap:14px;padding:40px 24px;text-align:center;color:var(--fg-muted)}.vk-status strong{display:block;color:var(--fg)}.vk-cached{text-align:center;font-size:.75rem;color:var(--fg-subtle)}.vk-score{text-align:center}.vk-score-value{font-size:2.75rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.vk-score-text{margin:8px 0 14px;font-size:.85rem;color:var(--fg-muted)}.vk-metrics{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr))}.vk-metrics-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vk-metrics-3 .vk-metric{padding:10px 6px}.vk-metrics-3 .vk-metric-value{font-size:1rem}.vk-metric{padding:12px;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md)}.vk-metric-value{font-size:1.25rem;font-weight:800;color:var(--fg);font-variant-numeric:tabular-nums}.vk-metric-label{margin-top:2px;font-size:.75rem;color:var(--fg-muted)}.vk-profile{display:flex;align-items:center;gap:14px;margin-bottom:16px;min-width:0}.vk-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--surface-3);border:2px solid var(--line-strong)}.vk-avatar-sm{width:44px;height:44px}.vk-profile-name{font-size:1.1rem;font-weight:700;color:var(--fg);overflow-wrap:anywhere}.vk-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vk-rec{--rec: var(--brand-blue);padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--rec);border-radius:var(--radius-md)}.vk-rec .vk-rec-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--rec) 18%,transparent);color:var(--rec);font-size:.85rem}.vk-rec.blue{--rec: var(--info)}.vk-rec.green{--rec: var(--success)}.vk-rec.orange{--rec: var(--warning)}.vk-rec.yellow,.vk-rec.gold{--rec: var(--accent-amber)}.vk-rec.purple{--rec: var(--accent-violet)}.vk-rec.pink{--rec: var(--brand-pink)}.vk-rec.red{--rec: var(--danger)}.vk-rec-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:.9rem;font-weight:600;color:var(--fg)}.vk-rec-text{font-size:.85rem;line-height:1.5;color:var(--fg-muted)}.vk-item{display:flex;align-items:flex-start;gap:12px;line-height:1.6;color:var(--fg)}.vk-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:.75rem;font-weight:700}.vk-note{margin-top:10px;padding-left:12px;border-left:2px solid var(--line-strong);font-size:.875rem;font-style:italic;color:var(--fg-muted)}.vk-stats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:.8rem;color:var(--fg-muted)}.vk-stats i{margin-right:4px;color:var(--fg-subtle)}.vk-bar+.vk-bar{margin-top:12px}.vk-bar-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.85rem;color:var(--fg-muted)}.vk-bar-label b{color:var(--fg);font-variant-numeric:tabular-nums}.vk-chart{position:relative;height:var(--chart-h, 260px)}.vk-heatmap{display:grid;grid-template-columns:32px repeat(24,minmax(18px,1fr));gap:3px;min-width:560px;font-size:.65rem;color:var(--fg-subtle);text-align:center}.vk-heatmap-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:4px;background:color-mix(in srgb,var(--vk-series-1) calc(var(--v, 0) * 100%),var(--surface-3));color:var(--fg);font-weight:600}.vk-heatmap-cell.is-hot{color:#fff}.vk-stories-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.vk-story-thumb{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:9 / 16;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-3);color:var(--fg-subtle);cursor:pointer}.vk-story-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}.vk-story-thumb:hover img{transform:scale(1.03)}.vk-story-thumb .badge{position:absolute;top:8px;left:8px;background:#0000008c;border-color:#ffffff40;color:#fff}.vk-story-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.vk-story-actions .btn{padding-inline:8px}.vk-lightbox-media{display:block;max-width:100%;max-height:75vh;margin:0 auto;border-radius:var(--radius-md);background:#000;object-fit:contain}.vk-plans{--grid-min: 220px}.vk-plan{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.vk-plan form{width:100%;margin-top:auto;padding-top:12px}.vk-plan-period{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.vk-plan-price{font-size:2.25rem;font-weight:900;line-height:1.1;color:var(--fg)}.vk-place{--place: var(--fg-subtle);display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;margin-left:auto;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--place) 18%,transparent);border:1px solid color-mix(in srgb,var(--place) 45%,transparent);color:var(--place);font-weight:800;font-size:.85rem}.vk-place[data-place="1"]{--place: var(--accent-amber)}.vk-place[data-place="2"]{--place: #94a3b8}.vk-place[data-place="3"]{--place: #cd7f32}.vk-rating{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md)}.vk-unavailable{max-width:760px;margin:0 auto}.vk-unavailable .empty-state>i{color:var(--warning)}}
