.cd-page{display:grid;gap:var(--space-6);padding-top:104px;padding-bottom:var(--space-16);align-content:start}.cd-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-4)}.cd-head .lead,.cd-head h1{margin:0}.cd-head .lead{margin-top:var(--space-2)}.cd-gate{display:grid;gap:var(--space-4);justify-items:start}.cd-gate p{margin:0}.cd-add,.cd-new{display:flex;flex-wrap:wrap;gap:var(--space-3);max-width:720px}.cd-add .input,.cd-new .input{flex:1;min-width:min(260px,100%)}.cd-found .btn,.cd-new .btn{gap:6px}.cd-decks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-3)}.cd-deck{padding:var(--space-3) var(--space-4)}.cd-deck,.cd-deck-open{display:flex;align-items:center;gap:var(--space-3)}.cd-deck-open{flex:1;min-width:0;padding:var(--space-2) 0;background:none;border:0;color:inherit;text-align:left;cursor:pointer}.cd-deck-open>span{display:grid;min-width:0}.cd-deck-open b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-deck-open svg{color:var(--primary-ink);flex:none}.cd-back{justify-self:start;gap:6px}.cd-name{max-width:480px;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:650}.cd-add{display:grid}.cd-cards,.cd-found{list-style:none;margin:0;padding:0;display:grid}.cd-cards li,.cd-found li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--border)}.cd-cards .hz-entry,.cd-found .hz-entry{flex:1;min-width:0}.cd-cards .hz-entry-def,.cd-found .hz-entry-def{color:var(--muted);font-size:var(--fs-small)}.cd-delete{justify-self:start;margin-top:var(--space-6)}.cd-review-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);max-width:720px;width:100%;justify-self:center}.cd-review-bar .btn{gap:6px}.cd-card,.cd-finished{display:grid;justify-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);text-align:center}.cd-card,.cd-card-skeleton,.cd-finished{max-width:720px;width:100%;justify-self:center}.cd-card-skeleton{height:320px}.cd-finished h2,.cd-finished p{margin:0}.cd-answer{display:flex;align-items:center;gap:var(--space-2)}.cd-pinyin{font-size:28px}.cd-def{margin:0;max-width:52ch}.cd-show{gap:var(--space-2)}.cd-grade-meta{display:inline-flex;align-items:center;gap:6px}.cd-grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);width:100%}.cd-grades .btn{flex-direction:column;gap:0;min-height:56px;padding:var(--space-1)}.cd-again{color:var(--error)}@media (max-width:480px){.cd-grades{grid-template-columns:repeat(2,minmax(0,1fr))}}