.vocabulary-wrap{max-width:1150px;margin:0 auto;padding:32px 24px 90px}.vocabulary-wrap header,.collection-heading,.practice-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.vocabulary-wrap header a{color:var(--muted);text-decoration:none}.page-intro{margin:65px 0 28px}.page-intro h1{font-size:clamp(2.4rem,6vw,4rem);margin:8px 0 16px}.page-intro p{max-width:620px;color:var(--muted)}#save-status{color:var(--muted);min-height:1.5em;font-size:.9rem}.vocabulary-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;margin-top:25px}.panel{background:var(--soft);border:1px solid var(--line);border-radius:26px;padding:28px;min-width:0}.panel h2{font-size:1.4rem;margin:0 0 22px}.panel h3{font-size:1rem}.vocabulary-wrap button,.vocabulary-wrap input{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 16px}.vocabulary-wrap button{cursor:pointer;font-weight:600}.vocabulary-wrap button:hover{border-color:var(--muted)}.vocabulary-wrap button:disabled{opacity:.5;cursor:default}.vocabulary-wrap button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.vocabulary-wrap input{min-width:0;width:100%;box-sizing:border-box}.vocabulary-wrap label{display:block;font-size:.9rem;color:var(--muted)}.vocabulary-wrap label input{margin-top:8px}.vocabulary-wrap :focus-visible{outline:3px solid var(--text);outline-offset:4px}.input-row{display:flex;gap:8px;align-items:center;margin-top:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 25px}.collection-choice{display:block;width:100%;text-align:left;margin-bottom:10px}.collection-choice[aria-pressed=true]{border-color:var(--text);background:var(--tint)}.collection-choice small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.word-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}#word-form{border-top:1px solid var(--line);padding-top:14px;margin-top:28px}#word-list{list-style:none;padding:0}#word-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:16px 0}#word-list li img{width:55px;height:55px;object-fit: scale-down}#word-list li .word-text{flex:1;overflow-wrap:anywhere}#word-list li small{display:block;color:var(--muted);margin-top:4px}#word-list li button{padding:8px;font-size:.85rem}.quiet{color:var(--muted)!important;margin-top:20px}details{margin-top:25px;color:var(--muted)}summary{cursor:pointer}#import-guest{margin-top:18px}#shared-panel{margin-top:20px;border-color:var(--muted)}.practice{max-width:620px;margin:25px auto}.practice-top{font-size:.85rem;margin-bottom:25px;color:var(--muted)}.practice-card{min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px;margin:20px 0}.practice-card img{height:210px;width:100%;object-fit: scale-down}.practice-card p{font-size:1.8rem;overflow-wrap:anywhere;max-width:100%;margin:14px 0}#practice-answer{font-weight:700}#practice-feedback{min-height:1.5em}#share-result{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.vocabulary-wrap [hidden]{display:none!important}@media(max-width:760px){.vocabulary-layout{grid-template-columns:1fr}.page-intro{margin-top:40px}.panel{padding:22px}.word-fields{grid-template-columns:1fr 1fr}.word-fields button{grid-column:1/-1}.vocabulary-wrap{padding:24px 16px 70px}.collection-heading{align-items:start}#word-list li{flex-wrap:wrap}.practice-card{min-height:240px}.practice-card img{height:180px}}
