#scratch-learning{max-width:1200px;margin:auto}#scratch-learning h1{margin:12px 0 20px}.scratch-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px}.scratch-filters>label{display:flex;align-items:center;gap:8px}.scratch-filters select{padding:9px;border:1px solid var(--line);border-radius:9px;background:white}.scratch-hide input{width:18px;height:18px}.scratch-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.scratch-selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.scratch-catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.scratch-vocab-card{position:relative;display:grid;grid-template-rows:1fr auto;min-height:125px;padding:12px 10px 8px;background:#fffef9;border:1px solid var(--line);border-radius:13px}.scratch-vocab-card.selected{border:2px solid #20584d;padding:11px 9px 7px;background:#edf5ef}.scratch-vocab-card>input{position:absolute;left:10px;top:10px;width:18px;height:18px;cursor:pointer}.scratch-word{display:flex;flex-direction:column;justify-content:center;gap:8px;border:0;background:transparent!important;padding:14px 8px 6px;width:100%;min-width:0}.scratch-word strong{font-size:30px;line-height:1.2}.scratch-word span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.scratch-item-status{min-height:18px;text-align:center;color:var(--muted);font-size:12px}.scratch-sync-status{margin-top:12px}.scratch-symbol{background:#ffad32!important;color:#533300!important}.scratch-dialog{width:min(560px,calc(100vw - 28px));max-height:85dvh;overflow:auto;position:relative}.scratch-dialog h2{font-size:38px;margin:4px 40px 10px 0}.scratch-pinyin{color:#147345}.scratch-characters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.scratch-characters button{display:flex;flex-direction:column;font-size:24px;min-width:55px}.scratch-characters small{font-size:13px}.scratch-add{width:100%;white-space:normal}.scratch-contexts{margin:22px 0}.scratch-contexts>div{padding:12px 0;border-top:1px solid var(--line)}.scratch-contexts strong{font-size:20px}.scratch-contexts p{margin:8px 0 0}.scratch-reference{color:var(--muted)}@media(max-width:600px){.scratch-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scratch-word strong{font-size:26px}.scratch-word{padding:18px 0 6px}.scratch-word span{font-size:13px}.scratch-selection-actions{width:100%}.scratch-selection-actions [data-scratch-add-selected]{margin-left:auto}.scratch-vocab-card{min-height:122px;padding:10px 6px 6px}.scratch-vocab-card.selected{padding:9px 5px 5px}}

.scratch-title{display:flex;align-items:center;gap:12px}.scratch-title h1{margin-right:0!important}.scratch-level-badge{position:absolute;right:8px;top:10px;font-size:12px;color:var(--muted)}.scratch-vocab-card .scratch-word{padding-top:24px}.scratch-level-description{font-size:16px;color:var(--muted)}.scratch-filters input[type=search]{padding:9px;border:1px solid var(--line);border-radius:9px;max-width:100%;width:240px}.scratch-filters label{max-width:100%}@media(max-width:600px){.scratch-filters{gap:10px}.scratch-filters select{max-width:240px}.scratch-filters label:last-child{width:100%}.scratch-filters input[type=search]{flex:1;min-width:0}.scratch-word strong{overflow-wrap:anywhere}}

.scratch-vocab-card.in-library{border:2px solid #219653;background:#f0faf2;padding:11px 9px 7px}.scratch-item-status.is-added{display:flex;align-items:center;justify-content:center;gap:6px;color:#116b35;font-size:16px;font-weight:750;min-height:30px;margin-top:5px}.scratch-library-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#168544;color:white;font-size:21px;font-weight:800;line-height:1}@media(max-width:600px){.scratch-vocab-card.in-library{padding:9px 5px 5px}.scratch-item-status.is-added{font-size:14px;gap:4px}.scratch-library-check{flex-basis:24px;width:24px;height:24px;font-size:19px}}