.vpvc-shell{--ink:#0f172a;--muted:#667085;--line:rgba(15,23,42,.09);--glass:rgba(255,255,255,.74);--accent:#078ff5;max-width:1440px;margin:24px auto;padding:0 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.vpvc-shell *{box-sizing:border-box}.vpvc-hero,.vpvc-controls,.vpvc-chart-card,.vpvc-table-card,.vpvc-ranking,.vpvc-pair,.vpvc-topic,.vpvc-social article,.vpvc-quality article,.vpvc-overview-card,.vpvc-kpi{background:var(--glass);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 50px rgba(15,23,42,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px}.vpvc-hero{padding:34px 38px;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(232,246,255,.66))}.vpvc-kicker{font-size:12px;font-weight:900;letter-spacing:.16em;color:#078ff5}.vpvc-kicker span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#078ff5;margin-right:7px}.vpvc-hero h1{font-size:clamp(32px,4vw,52px);line-height:1;margin:12px 0}.vpvc-hero p{font-size:17px;line-height:1.65;color:#475467;max-width:900px;margin:0}.vpvc-controls{padding:24px;display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr;gap:16px;align-items:start}.vpvc-field label{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.08em;margin:0 0 8px}.vpvc-field label b{color:#078ff5}.vpvc-search{position:relative}.vpvc-search input,.vpvc-field select,.vpvc-period input{width:100%;border:1px solid rgba(15,23,42,.13);background:rgba(255,255,255,.82);border-radius:15px;min-height:52px;padding:0 16px;font-size:16px;color:var(--ink);outline:none}.vpvc-field select{padding:10px 12px;height:170px}.vpvc-search>span{position:absolute;right:15px;top:17px;color:#7c8799}.vpvc-search input:focus,.vpvc-period input:focus,.vpvc-field select:focus{border-color:#078ff5;box-shadow:0 0 0 4px rgba(7,143,245,.09)}.vpvc-popup{position:absolute;z-index:20;left:0;right:0;top:59px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 50px rgba(15,23,42,.18);padding:6px;max-height:300px;overflow:auto}.vpvc-result{display:flex;gap:10px;padding:12px;border-radius:12px;cursor:pointer;align-items:center}.vpvc-result:hover{background:#f3f8fc}.vpvc-result input{accent-color:#078ff5}.vpvc-result span{display:flex;flex-direction:column}.vpvc-result strong{font-size:14px}.vpvc-result small,.vpvc-field small{color:var(--muted);font-size:12px}.vpvc-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.vpvc-chip{border:0;background:#e7f4ff;color:#056bb4;border-radius:999px;padding:8px 11px;font-weight:800;cursor:pointer}.vpvc-chip span{margin-left:5px}.vpvc-period{position:relative}.vpvc-mode{width:100%;height:52px;border:1px solid rgba(15,23,42,.13);background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-weight:900;color:var(--ink);cursor:pointer}.vpvc-menu{position:absolute;z-index:30;top:58px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 40px rgba(15,23,42,.15)}.vpvc-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:11px;border-radius:9px;font-weight:700;cursor:pointer}.vpvc-menu button:hover{background:#eef7ff}.vpvc-period input{margin-top:7px}.vpvc-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin-top:2px}.vpvc-primary,.vpvc-secondary{border:0;border-radius:14px;min-height:50px;padding:0 19px;font-weight:900;cursor:pointer}.vpvc-primary{background:#078ff5;color:#fff;box-shadow:0 12px 25px rgba(7,143,245,.22)}.vpvc-secondary{background:#eef2f6;color:#344054}.vpvc-actions em{font-style:normal;color:#667085;font-size:13px}.vpvc-title{display:flex;justify-content:space-between;align-items:end;margin:28px 3px 11px}.vpvc-title strong{font-size:18px;letter-spacing:.02em}.vpvc-title small{color:var(--muted);font-size:12px}.vpvc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.vpvc-kpi{padding:19px}.vpvc-kpi small{display:block;font-size:11px;font-weight:900;color:#667085;letter-spacing:.08em}.vpvc-kpi strong{display:block;font-size:28px;margin:7px 0}.vpvc-kpi span{font-size:12px;color:#667085}.vpvc-overview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vpvc-overview-card{padding:18px;position:relative}.vpvc-rank{font-size:11px;font-weight:900;color:#078ff5}.vpvc-overview-card h3{font-size:16px;margin:8px 0}.vpvc-score{font-size:31px;font-weight:900}.vpvc-score small{font-size:12px;color:#98a2b3}.vpvc-delta{display:inline-block;margin-top:7px;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:900}.vpvc-delta.up,.vpvc-up,.up{color:#087443;background:#eafaf1}.vpvc-delta.down,.down{color:#b42318;background:#fff0ef}.vpvc-delta.flat,.flat{color:#475467;background:#f2f4f7}.vpvc-overview-card p{font-size:11px;color:#667085;line-height:1.5}.vpvc-chart-card{height:420px;padding:18px}.vpvc-chart-card canvas{width:100%!important;height:100%!important}.vpvc-ranking-grid,.vpvc-headtohead{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vpvc-ranking,.vpvc-pair{padding:20px}.vpvc-ranking h3{margin:0 0 13px;font-size:17px}.vpvc-rank-period{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.vpvc-rank-period>b{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.08em}.vpvc-rank-period span{display:flex;justify-content:space-between;padding:9px 10px;border-radius:10px;background:#f7f9fb;font-size:13px}.vpvc-rank-period i{font-style:normal;font-weight:900;color:#078ff5;margin-right:auto}.vpvc-rank-period strong{font-size:13px}.vpvc-pair-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.vpvc-pair-head>b{font-size:10px;color:#98a2b3}.vpvc-pair-score{display:flex;justify-content:space-around;margin:16px 0}.vpvc-pair-score span{font-weight:900;font-size:13px}.vpvc-pair p{font-size:13px;color:#475467}.vpvc-pair-tags{display:flex;gap:6px;flex-wrap:wrap}.vpvc-pair-tags em{font-style:normal;font-size:10px;background:#f1f5f9;padding:6px 8px;border-radius:999px;color:#475467}.vpvc-scroll{overflow:auto}.vpvc-table-card{padding:8px}.vpvc-table-card table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.vpvc-table-card th,.vpvc-table-card td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}.vpvc-table-card th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085}.vpvc-table-card td{font-size:13px;vertical-align:top}.vpvc-table-card td strong{display:block;font-size:19px}.vpvc-table-card td small{display:block;color:#98a2b3;margin:4px 0}.vpvc-table-card td em{font-style:normal;font-size:11px;font-weight:900;padding:4px 7px;border-radius:999px}.vpvc-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.vpvc-topics article{background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.vpvc-topics small{font-weight:900;color:#667085;text-transform:uppercase;letter-spacing:.06em}.vpvc-topics strong{display:block;font-size:23px;margin:8px 0}.vpvc-topics p,.vpvc-social p{font-size:13px;line-height:1.7;color:#475467;margin:0}.vpvc-social{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.vpvc-social article{padding:21px}.vpvc-social h3{font-size:16px;margin:0 0 8px}.vpvc-quality{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.vpvc-quality article{padding:16px;display:flex;flex-direction:column;gap:6px}.vpvc-quality strong{font-size:14px}.vpvc-quality span{font-size:11px;color:#667085}.vpvc-empty{padding:18px;text-align:center;color:#667085;font-size:13px}
@media(max-width:1050px){.vpvc-controls{grid-template-columns:1fr 1fr}.vpvc-overview-grid{grid-template-columns:repeat(3,1fr)}.vpvc-kpis{grid-template-columns:repeat(2,1fr)}.vpvc-quality{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.vpvc-shell{padding:0 6px}.vpvc-hero{padding:26px 22px}.vpvc-controls{grid-template-columns:1fr;padding:17px}.vpvc-overview-grid,.vpvc-ranking-grid,.vpvc-headtohead,.vpvc-topics,.vpvc-social{grid-template-columns:1fr}.vpvc-kpis{grid-template-columns:1fr 1fr}.vpvc-chart-card{height:330px}.vpvc-title{align-items:flex-start;flex-direction:column;gap:3px}.vpvc-actions{flex-wrap:wrap}.vpvc-primary,.vpvc-secondary{flex:1}.vpvc-quality{grid-template-columns:1fr}}