#word-dialog{width:min(1100px,calc(100vw - 64px));max-width:1100px;max-height:90dvh;overflow:auto;box-sizing:border-box}
.word-learning{padding-top:2px}.word-pos{font-size:12px;color:#b8cbd1;margin-left:10px}.word-learning .hanzi{margin-top:20px}.word-learning .word-pronunciation{margin:10px 0 18px}.word-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.word-meaning{padding:20px 0 12px}.word-meaning h2{font-size:21px;line-height:1.5;margin:0}.word-learning section+h3,.word-learning section+section{margin-top:24px}.word-learning h3{font-size:16px;margin:0 0 12px}.usage-list{display:grid;gap:10px}.usage-card{padding:16px;border:1px solid #40565e;border-radius:14px;background:#17292f}.usage-card .usage-hanzi{font-size:23px;line-height:1.7;color:#f5f8fa;overflow-wrap:anywhere}.usage-card mark{background:transparent;color:#ffda70;font-weight:700}.usage-card p{margin:6px 0;line-height:1.65}.usage-card .pinyin{font-size:15px;color:#ffaaa6}.usage-card .text-link{margin-top:6px;font-size:12px;background:transparent;border:0;padding:4px 0;color:#b8dce9}.usage-status{font-size:12px;color:#b9cbd1;margin:12px 0 20px}.word-related{display:grid;gap:8px}.word-related button{text-align:left;white-space:normal}.word-related small{display:block;font-weight:400;margin-top:5px}.word-provenance{border-top:1px solid #40565e;margin-top:24px;padding-top:16px;color:#bbccd2;font-size:12px;overflow-wrap:anywhere}.word-provenance summary{cursor:pointer;font-weight:600;padding:8px 0}.word-provenance h3{font-size:14px;margin-top:18px}.word-technical>.secondary,.word-technical>.favorite{display:none}.word-empty{font-size:14px;padding:16px 0}
@media(min-width:900px){#word-dialog{padding:36px 40px;font-size:18px}.word-learning{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}.word-learning>*{grid-column:1/-1;min-width:0}.word-learning>section:has(.usage-list){grid-column:auto;align-self:start;margin-top:24px}.word-learning .hanzi{font-size:68px}.word-learning .word-pronunciation{font-size:21px}.word-learning h3{font-size:20px}.word-learning .word-meaning h2{font-size:25px}.usage-card .usage-hanzi{font-size:28px}.usage-card .pinyin{font-size:18px}.usage-card .text-link{font-size:15px}.word-actions button{font-size:16px}.word-learning>.badge{justify-self:start}.word-learning>.word-pos{margin:8px 0 0}.word-provenance{font-size:14px}}
@media(max-width:600px){#word-dialog{width:calc(100vw - 24px);padding:24px 18px;max-height:92dvh}.usage-card{padding:13px}.word-actions button{font-size:13px}.word-learning .hanzi{font-size:48px}.word-learning .word-meaning h2{font-size:19px}}