.vocab-summary{max-width:940px;display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,#1b1e2a,#141722);margin-bottom:22px;overflow:hidden}.vocab-summary>div:not(.vocab-source-note){min-width:128px;padding:17px 20px;border-right:1px solid var(--line);display:grid;line-height:1.3}.vocab-summary span{font-size:11px;color:var(--muted)}.vocab-summary strong{font:24px "Space Grotesk";margin-top:3px}.vocab-source-note{padding:17px 20px;color:var(--dim);font-size:11px;margin-left:auto}.grade-tabs{display:flex;gap:5px;max-width:940px;border-bottom:1px solid var(--line);overflow:auto}.grade-tab{padding:12px 14px 14px;color:var(--dim);font-size:13px;white-space:nowrap;position:relative}.grade-tab span{font:10px "DM Mono";margin-left:4px}.grade-tab.is-active{color:var(--ink)}.grade-tab.is-active:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--coral)}.vocab-toolbar{max-width:940px;display:flex;align-items:center;gap:16px;padding:20px 0 13px}.vocab-search{display:flex;align-items:center;gap:9px;flex:1;max-width:310px;border:1px solid var(--line);border-radius:7px;background:#151824;padding:9px 12px;color:var(--muted)}.vocab-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--ink);font:12px inherit}.status-tabs{display:flex;gap:4px;overflow:auto}.status-tab{border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--muted);font-size:11px;white-space:nowrap}.status-tab.is-active{border-color:var(--coral);color:var(--coral-soft);background:rgba(255,118,93,.08)}.vocab-list-meta{max-width:940px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--muted);font:11px "DM Mono"}.text-button{color:var(--coral-soft);font-size:11px}.vocab-grid{max-width:940px;display:grid;gap:8px}.vocab-row{display:grid;grid-template-columns:40px minmax(0,1fr) 32px 196px;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:14px 16px;transition:.2s}.vocab-row:hover{border-color:rgba(255,118,93,.42);transform:translateY(-1px)}.vocab-row.unknown{border-left:2px solid var(--coral)}.vocab-row.known{border-left:2px solid var(--green)}.vocab-row-index{font:10px "DM Mono";color:var(--dim)}.vocab-row-copy{min-width:0}.vocab-row-top{display:flex;align-items:center;gap:9px;min-width:0}.vocab-row h3{font:600 19px "Space Grotesk";letter-spacing:-.03em;margin:0}.vocab-row p{margin:4px 0 0;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-row small{display:block;color:var(--dim);font:10px "DM Mono";margin-top:5px}.vocab-grade{padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:10px;white-space:nowrap}.vocab-status{font-size:10px;color:var(--dim);white-space:nowrap}.vocab-status.known{color:var(--green)}.vocab-status.unknown{color:var(--coral-soft)}.bank-speak{color:var(--coral);font-size:18px}.vocab-ox{display:flex;justify-content:end;gap:6px}.ox-button{border:1px solid var(--line);border-radius:6px;padding:7px 8px;font:600 12px "DM Mono";color:var(--muted);white-space:nowrap}.ox-button span{font:11px "Noto Sans KR"}.ox-button.known.is-active{border-color:rgba(157,227,187,.65);background:rgba(157,227,187,.12);color:var(--green)}.ox-button.unknown.is-active{border-color:rgba(255,118,93,.65);background:rgba(255,118,93,.12);color:var(--coral-soft)}.load-more-button{display:block;width:min(940px,100%);margin:17px 0;border:1px solid var(--line);border-radius:7px;padding:12px;color:var(--muted);font-size:12px}.load-more-button:hover{border-color:var(--coral);color:var(--ink)}.load-more-button[hidden]{display:none}.vocab-empty{border:1px dashed var(--line);border-radius:12px;padding:42px 20px;text-align:center;color:var(--muted);font-size:13px}.vocab-license{max-width:940px;color:var(--dim);font-size:11px;line-height:1.7;margin:27px 0}.vocab-license a{color:var(--coral-soft);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.vocab-summary{display:grid;grid-template-columns:repeat(3,1fr)}.vocab-summary>div:not(.vocab-source-note){min-width:0;padding:13px 12px}.vocab-summary strong{font-size:20px}.vocab-source-note{grid-column:1/-1;border-top:1px solid var(--line);padding:11px 12px;margin:0}.vocab-toolbar{display:grid;gap:11px}.vocab-search{max-width:none;width:100%}.status-tabs{width:calc(100vw - 36px);padding-bottom:2px}.vocab-row{grid-template-columns:25px minmax(0,1fr) 28px;gap:9px;padding:13px 11px}.vocab-row-top{flex-wrap:wrap;gap:5px}.vocab-row h3{font-size:17px}.vocab-row p{font-size:12px}.vocab-ox{grid-column:2/-1;justify-content:start}.ox-button{padding:6px 9px}.vocab-license{margin-bottom:20px}}