.cd-root{max-width:880px;margin:0 auto;padding:0 var(--s-4) var(--s-8)}.cd-loading,.cd-empty{text-align:center;color:var(--text2);padding:var(--s-6) var(--s-4)}.cd-empty--lg{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-4);grid-column:1 / -1}.cd-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-5)}.cd-levels{display:flex;gap:var(--s-1);flex-wrap:wrap}.cd-chip{padding:var(--s-1) var(--s-3);border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--d-fast)}.cd-chip:hover{border-color:var(--chau-hong-3)}.cd-chip--active{background:var(--chau-hong);color:#fff;border-color:transparent}.cd-bar-right{display:flex;gap:var(--s-2);align-items:center}.cd-sort{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer}.cd-share-btn{white-space:nowrap}.cd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}.cd-card{display:flex;flex-direction:column;gap:var(--s-2);background:var(--card);border:1px solid var(--border);border-radius:var(--r-4);padding:var(--s-4);box-shadow:var(--shadow-1);transition:box-shadow var(--d-base),transform var(--d-base)}.cd-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.cd-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-2)}.cd-card-title{font-weight:700;color:var(--text);font-size:1.02rem;line-height:1.3}.cd-card-desc{color:var(--text2);font-size:.88rem;line-height:1.45}.cd-card-meta{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center;font-size:.8rem;color:var(--text-muted, var(--text2));margin-top:auto}.cd-card-creator{font-weight:600;color:var(--text2)}.cd-stars{color:var(--hoang-kim);letter-spacing:-1px}.cd-badge{display:inline-block;padding:2px var(--s-2);border-radius:999px;font-size:.7rem;font-weight:700;white-space:nowrap}.cd-badge--level{background:color-mix(in srgb,var(--hoang-kim) 18%,transparent);color:var(--hoang-kim-2)}.cd-badge--mix{background:color-mix(in srgb,var(--text2) 14%,transparent);color:var(--text2)}.cd-view-btn{margin-top:var(--s-1);padding:var(--s-2);border-radius:var(--r-2);border:none;background:var(--chau-hong);color:#fff;font-weight:700;cursor:pointer;transition:background var(--d-fast)}.cd-view-btn:hover{background:var(--chau-hong-2)}.cd-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--s-4);animation:cdFade var(--d-base) ease}@keyframes cdFade{0%{opacity:0}to{opacity:1}}.cd-modal{position:relative;background:var(--card);border-radius:var(--r-5);padding:var(--s-6);width:100%;max-width:460px;box-shadow:var(--shadow-4);max-height:90vh;overflow-y:auto}.cd-modal--preview{max-width:540px}.cd-modal-x{position:absolute;top:var(--s-3);right:var(--s-3);width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-3, var(--bg2));color:var(--text2);cursor:pointer;font-size:1rem}.cd-modal-title{margin:0 var(--s-6) var(--s-3) 0;font-size:1.2rem;color:var(--text)}.cd-prev-meta{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center;font-size:.82rem;color:var(--text2);margin-bottom:var(--s-3)}.cd-prev-desc{color:var(--text2);font-size:.9rem;line-height:1.5;margin:0 0 var(--s-3)}.cd-prev-list{border:1px solid var(--border);border-radius:var(--r-3);max-height:280px;overflow-y:auto}.cd-prev-row{display:grid;grid-template-columns:1.4fr 1.4fr 2fr;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);font-size:.88rem}.cd-prev-row:last-child{border-bottom:none}.cd-prev-h{font-weight:700;color:var(--text)}.cd-prev-p{color:var(--hoang-kim-2)}.cd-prev-v{color:var(--text2)}.cd-prev-more{text-align:center;color:var(--text-muted, var(--text2));font-size:.82rem;padding:var(--s-2)}.cd-prev-rate{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-4) 0 var(--s-2);flex-wrap:wrap}.cd-prev-rate-lbl{font-size:.88rem;color:var(--text2);font-weight:600}.cd-rate-stars{display:flex;gap:2px}.cd-rate-star{background:none;border:none;cursor:pointer;font-size:1.4rem;line-height:1;color:var(--border-2, var(--border));padding:0 2px;transition:color var(--d-fast)}.cd-rate-star:hover,.cd-rate-star--on{color:var(--hoang-kim)}.cd-modal-actions{display:flex;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-4);align-items:center}.cd-modal--preview .cd-modal-actions{justify-content:space-between}.cd-btn-ghost{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--border);background:transparent;color:var(--text2);font-weight:600;cursor:pointer}.cd-btn-ghost:hover{background:var(--surface-3, var(--bg2))}.cd-report-btn{color:var(--text-muted, var(--text2))}.cd-install-btn{white-space:nowrap}.cd-pub-note{color:var(--text2);font-size:.85rem;line-height:1.5;margin:0 0 var(--s-3)}.cd-field{display:flex;flex-direction:column;gap:var(--s-1);margin-bottom:var(--s-3)}.cd-field>span{font-size:.85rem;font-weight:600;color:var(--text2)}.cd-field input,.cd-field select,.cd-pub-deck{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;width:100%}.cd-field input:focus,.cd-field select:focus{outline:2px solid var(--chau-hong);border-color:transparent}@media(max-width:640px){.cd-grid{grid-template-columns:1fr}.cd-bar{flex-direction:column;align-items:stretch}.cd-bar-right{justify-content:space-between}.cd-prev-row{grid-template-columns:1fr 1fr}.cd-prev-v{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.cd-card,.cd-modal-overlay{transition:none;animation:none}}