.dvp-wrap{flex-direction:column;gap:14px;width:100%;display:flex}.dvp-banner{border:1px solid var(--d-line-strong);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000005}.dvp-banner__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dvp-banner__left{align-items:center;gap:12px;display:flex}.dvp-banner__flame-icon{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dvp-banner__flame-icon svg{width:20px;height:20px}.dvp-banner__titles h2{color:var(--d-ink);letter-spacing:-.01em;margin:0 0 2px;font-size:17px;font-weight:700}.dvp-banner__titles p{color:var(--d-sub);margin:0;font-size:14px}.dvp-banner__right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dvp-pill-date{color:#475569;border:1px solid var(--d-line-strong);background:#f8fafc;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.dvp-pill-timer{color:#92400e;background:#fefce8;border:1px solid #fef08a;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.dvp-pill-timer svg{color:#d97706;width:13px;height:13px}.dvp-toolbar{flex-direction:column;gap:10px;display:flex}.dvp-toolbar__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dvp-tabs{background:#f1f5f9;border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.dash .dvp-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.dash .dvp-tab:hover{color:var(--d-ink)}.dash .dvp-tab.is-active{color:var(--d-ink);background:#fff;box-shadow:0 1px 3px #00000014}.dvp-tab__count{color:#475569;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:1px 6px;font-size:12.5px;font-weight:700;display:inline-flex}.dash .dvp-tab.is-active .dvp-tab__count{background:var(--d-blue-tint);color:var(--d-blue)}.dvp-search-box{border:1px solid var(--d-line-strong);background:#fff;border-radius:8px;align-items:center;gap:7px;width:100%;max-width:290px;padding:5px 10px;transition:border-color .15s;display:flex}.dvp-search-box:focus-within{border-color:var(--d-blue);box-shadow:0 0 0 2px var(--d-blue-tint)}.dvp-search-box svg{color:#94a3b8;flex-shrink:0;width:15px;height:15px}.dvp-search-box input{color:var(--d-ink);background:0 0;border:0;outline:none;width:100%;font-family:inherit;font-size:12.5px}.dvp-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.dvp-search-clear:hover{color:var(--d-ink)}.dvp-filters{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dash .dvp-filter-pill{border:1px solid var(--d-line-strong);color:#475569;cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.dash .dvp-filter-pill:hover{color:var(--d-ink);border-color:#cbd5e1}.dash .dvp-filter-pill.is-active{background:var(--d-blue);border-color:var(--d-blue);color:#fff;font-weight:600}.dvp-filter-pill__count{opacity:.8;font-size:12.5px}.dvp-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:14px;display:grid}@media (max-width:680px){.dvp-grid{grid-template-columns:1fr}}.dvp-card{border:1px solid var(--d-line-strong);background:#fff;border-radius:11px;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.dvp-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0000000d}.dvp-card__topstrip{border-bottom:1px solid var(--d-line);background:#fafbfc;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.dvp-card__rank-badge{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5;border-radius:5px;align-items:center;gap:4px;padding:1.5px 7px;font-size:12.5px;font-weight:700;display:inline-flex}.dvp-card__tags{align-items:center;gap:5px;display:flex}.dvp-pill-tag{color:#2563eb;background:#eff6ff;border-radius:4px;padding:1.5px 6px;font-size:12.5px;font-weight:600}.dvp-pill-tag--framework{color:#475569;background:#f1f5f9}.dvp-card__author{align-items:center;gap:9px;padding:10px 12px 6px;display:flex}.dvp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.dvp-avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.dvp-avatar__txt{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1}.dvp-author-meta{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.dvp-author-row{align-items:center;gap:5px;display:flex}.dvp-author-name{color:var(--d-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.dvp-author-headline{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.3;overflow:hidden}.dvp-post-time{color:#94a3b8;align-items:center;gap:3px;margin-top:1px;font-size:12.5px;display:inline-flex}.dvp-post-time svg{flex:none;width:11px;height:11px}.dvp-card__body{flex-direction:column;gap:6px;padding:0 12px 10px;display:flex}.dvp-post-text{color:#1e293b;white-space:pre-wrap;word-break:break-word;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12.5px;line-height:1.48}.dash .dvp-more-toggle{color:var(--d-blue);cursor:pointer;align-self:flex-start;margin-top:1px;padding:0;font-size:13px;font-weight:600}.dash .dvp-more-toggle:hover{text-decoration:underline}.dvp-why-box{color:#6b21a8;background:#faf5ff;border:1px solid #f3e8ff;border-radius:7px;align-items:flex-start;gap:7px;margin:0 12px 9px;padding:7px 10px;font-size:13px;line-height:1.38;display:flex}.dvp-why-box svg{color:#9333ea;flex-shrink:0;width:14px;height:14px;margin-top:1px}.dvp-why-box b{color:#581c87;font-weight:700}.dvp-outline-wrap{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;margin:0 12px 9px;overflow:hidden}.dash .dvp-outline-toggle{color:#475569;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;font-size:12.5px;font-weight:600;display:flex}.dash .dvp-outline-toggle:hover{color:var(--d-ink);background:#f1f5f9}.dvp-outline-content{color:#334155;white-space:pre-wrap;background:#fff;border-top:1px dashed #cbd5e1;padding:7px 10px;font-family:monospace;font-size:12.5px;line-height:1.45}.dvp-card__stats{border-top:1px solid var(--d-line);color:#64748b;background:#fff;justify-content:space-between;align-items:center;padding:7px 12px;font-size:12.5px;display:flex}.dvp-reactions-group{align-items:center;gap:5px;display:flex}.dvp-reaction-icons{align-items:center;display:flex}.dvp-rx-dot{border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-left:-3px;font-size:11px;display:flex}.dvp-rx-dot:first-child{margin-left:0}.dvp-rx-dot--like{color:#fff;background:#0a66c2}.dvp-rx-dot--heart{color:#fff;background:#e11d48}.dvp-rx-dot--celebrate{color:#fff;background:#16a34a}.dvp-stats-right{align-items:center;gap:10px;display:flex}.dvp-stat-metric{align-items:center;gap:3px;display:inline-flex}.dvp-stat-metric svg{color:#94a3b8;width:12px;height:12px}.dvp-card__actions{border-top:1px solid var(--d-line);background:#fafbfc;justify-content:space-between;align-items:center;gap:6px;padding:7px 12px;display:flex}.dvp-card__actions-left{flex:1;align-items:center;gap:6px;display:flex}.dash .dvp-action-remix{background:var(--d-blue);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:31px;padding:5px 12px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex}.dash .dvp-action-remix:hover{background:var(--d-blue-strong)}.dash .dvp-action-remix svg{width:13px;height:13px}.dash .dvp-action-copy{color:#334155;border:1px solid var(--d-line-strong);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:4px;height:31px;padding:5px 10px;font-size:14px;font-weight:500;transition:all .14s;display:inline-flex}.dash .dvp-action-copy:hover{color:var(--d-ink);background:#f8fafc;border-color:#cbd5e1}.dash .dvp-action-copy.is-copied{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.dash .dvp-action-copy svg{width:13px;height:13px}.dash .dvp-action-save{border:1px solid var(--d-line-strong);color:#94a3b8;cursor:pointer;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;transition:all .14s;display:inline-flex}.dash .dvp-action-save:hover{color:var(--d-ink);border-color:#cbd5e1}.dash .dvp-action-save.is-saved{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.dash .dvp-action-save svg{width:14px;height:14px}.dvp-empty-state{text-align:center;border:1px dashed var(--d-line-strong);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:42px 16px;display:flex}.dvp-empty-state__icon{color:#94a3b8;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dvp-empty-state__icon svg{width:19px;height:19px}.dvp-empty-state h3{color:var(--d-ink);margin:0;font-size:14.5px;font-weight:700}.dvp-empty-state p{color:var(--d-sub);max-width:340px;margin:0;font-size:12.5px}