.vocab-page{max-width:860px;margin:0 auto;padding:32px 24px 100px}.vocab-page h1{font-size:2rem}.vocab-muted{opacity:.65;font-size:.9rem}.vocab-page form{display:flex;gap:10px;margin:28px 0}.vocab-page input,.vocab-page textarea,.vocab-dialog textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:transparent;border:1px solid #9996;border-radius:9px;padding:12px}.vocab-page button,.vocab-dialog button{font:inherit;cursor:pointer;border:1px solid #9996;border-radius:8px;padding:8px 13px;background:transparent;color:inherit}.vocab-page button:hover,.vocab-dialog button:hover{background:#8882}.vocab-page form button{flex-shrink:0;background:#65518a;color:white}.vocab-detail{margin:24px 0;overflow-wrap:anywhere}.vocab-detail label{display:block;margin:16px 0}.vocab-detail textarea{display:block;margin-top:7px}.vocab-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.vocab-heading h2{margin:0}.vocab-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vocab-related h3{font-size:1rem}.vocab-related button{margin:3px}.vocab-card{padding:18px 0;border-bottom:1px solid #9994}.vocab-card .vocab-term{font-weight:600;font-size:1.1rem}.vocab-card [data-delete]{float:right;font-size:.85rem}.vocab-dialog{max-width:720px;width:calc(100% - 40px);max-height:85vh;overflow:auto;padding:24px;border:1px solid #8885;border-radius:16px;background:var(--bg,#f6f5f8);color:var(--text,#222);box-sizing:border-box}.vocab-dialog::backdrop{background:#0005}.vocab-close{float:right}.vocab-page [hidden]{display:none!important}.vocab-detail button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.vocab-related{grid-template-columns:1fr}.vocab-page form{flex-wrap:wrap}.vocab-page{padding:20px 16px 80px}}@media(prefers-color-scheme:dark){.vocab-dialog{background:#24232a;color:#eee}}
.vocab-page select{font:inherit;color:inherit;background:var(--bg,#f6f5f8);border:1px solid #9996;border-radius:8px;padding:8px 12px}.vocab-count{display:inline-block;font-size:.85rem;border:1px solid #9995;border-radius:999px;padding:3px 9px;margin:0 6px 4px 0}.vocab-repeated{background:#b66a1720;border-color:#b66a1780}.vocab-dialog [hidden]{display:none!important}@media(prefers-color-scheme:dark){.vocab-page select{background:#24232a;color:#eee}}