.vocabulary-landing{--vocab-ink:#1d1d1f;--vocab-muted:#5f6368;--vocab-line:#0f172a17;--vocab-blue:#0071e3;background:radial-gradient(circle at 8% 2%,#0071e314,#0000 30%),linear-gradient(#fbfbfd 0%,#f5f7fa 100%);min-height:100%;padding:34px 18px 88px}.vocabulary-hero{-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#ffffffd1;border:1px solid #ffffffc7;border-radius:30px;width:min(920px,100%);margin:0 auto;padding:38px 42px 30px;box-shadow:0 26px 70px #0f172a14,inset 0 1px #fff}.vocabulary-hero__eyebrow{color:#075fab;letter-spacing:.02em;background:#0071e317;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:760;display:inline-flex}.vocabulary-hero h1{color:var(--vocab-ink);letter-spacing:-.045em;margin:18px 0 10px;font-size:clamp(34px,5vw,54px);font-weight:860;line-height:1.03}.vocabulary-hero>p{max-width:680px;color:var(--vocab-muted);margin:0;font-size:16px;line-height:1.75}.vocabulary-language-switch{background:#eef0f3;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:24px;padding:4px;display:inline-grid}.vocabulary-language-switch a{color:#65676b;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:14px;font-weight:760;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.vocabulary-language-switch a:hover{color:var(--vocab-blue)}.vocabulary-language-switch a.is-active{color:#111827;background:#fff;box-shadow:0 4px 13px #0f172a1a}.vocabulary-language-switch a:active{transform:scale(.98)}.vocabulary-language-switch a span{color:#fff;letter-spacing:.04em;background:#1d1d1f;border-radius:8px;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.vocabulary-language-switch a:last-child span{background:var(--vocab-blue)}.vocabulary-hero__facts{border-top:1px solid var(--vocab-line);flex-wrap:wrap;gap:10px 18px;margin-top:22px;padding-top:18px;display:flex}.vocabulary-hero__facts span{color:#72757b;align-items:center;gap:7px;font-size:12px;font-weight:680;display:inline-flex}.vocabulary-hero__facts svg{color:var(--vocab-blue)}.vocabulary-landing .word-drill{padding-top:24px;padding-bottom:12px}.vocabulary-library,.vocabulary-crosslink{border:1px solid var(--vocab-line);background:#ffffffd1;border-radius:24px;width:min(920px,100%);margin:20px auto 0;box-shadow:0 18px 48px #0f172a0f}.vocabulary-library{--vocab-ink:#1d1d1f;--vocab-muted:#5f6368;--vocab-line:#0f172a17;--vocab-blue:#0071e3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:26px 28px;display:grid}.vocabulary-library.is-open{grid-template-columns:1fr}.vocabulary-library__copy{align-items:flex-start;gap:16px;display:flex}.vocabulary-library__icon{width:46px;height:46px;color:var(--vocab-blue);background:#0071e317;border-radius:15px;flex:none;place-items:center;display:grid}.vocabulary-library__copy>div>span{color:#7a7d82;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:760}.vocabulary-library h2,.vocabulary-crosslink h2{color:var(--vocab-ink);letter-spacing:-.025em;margin:5px 0 7px;font-size:21px}.vocabulary-library p{max-width:620px;color:var(--vocab-muted);margin:0;font-size:13px;line-height:1.65}.vocabulary-library__toggle,.vocabulary-crosslink a{color:#fff;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#1d1d1f;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:760;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #0f172a26}.vocabulary-library__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.vocabulary-library__tools-link{min-height:44px;color:var(--vocab-blue);white-space:nowrap;background:#0071e30f;border:1px solid #0071e32e;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:780;text-decoration:none;display:inline-flex}.vocabulary-library__tools-link:hover{background:#0071e31f;transform:translateY(-1px)}.vocabulary-library__toggle:hover,.vocabulary-crosslink a:hover{background:#000;transform:translateY(-1px)}.vocabulary-library__toggle .is-rotated{transform:rotate(180deg)}.vocabulary-library__workspace{border-top:1px solid var(--vocab-line);min-width:0;padding-top:12px}.vocabulary-library__workspace .word-learning-page{background:0 0;margin-inline:-18px}.vocabulary-library__loading{color:var(--vocab-muted);text-align:center;padding:44px 20px}.vocabulary-crosslink{justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;display:flex}.vocabulary-crosslink span{color:var(--vocab-blue);font-size:12px;font-weight:760}[data-theme=black] .vocabulary-landing{--vocab-ink:#f5f5f7;--vocab-muted:#b3b7bf;--vocab-line:#94a3b833;background:radial-gradient(circle at 8% 2%,#0a84ff26,#0000 30%),#0b0d10}[data-theme=black] .vocabulary-hero,[data-theme=black] .vocabulary-library,[data-theme=black] .vocabulary-crosslink{background:#12151be0;border-color:#94a3b82e;box-shadow:0 26px 70px #0000003d}[data-theme=black] .vocabulary-language-switch{background:#ffffff14}[data-theme=black] .vocabulary-language-switch a.is-active{color:#fff;background:#ffffff1f}[data-theme=green] .vocabulary-landing{--vocab-ink:var(--theme-text-primary);--vocab-muted:var(--theme-text-secondary);--vocab-line:var(--theme-border);--vocab-blue:var(--theme-accent);background:radial-gradient(circle at 8% 2%, #368e521f, transparent 30%), var(--theme-bg-primary)}[data-theme=green] .vocabulary-hero,[data-theme=green] .vocabulary-library,[data-theme=green] .vocabulary-crosslink{border-color:var(--theme-border);background:var(--theme-card-bg);box-shadow:0 22px 60px #1c5b2d1a}[data-theme=green] .vocabulary-language-switch{background:var(--theme-bg-secondary)}[data-theme=green] .vocabulary-language-switch a.is-active{color:var(--theme-text-primary);background:var(--theme-card-bg)}[data-theme=green] .vocabulary-library__icon{color:var(--theme-accent);background:color-mix(in srgb, var(--theme-accent) 12%, var(--theme-card-bg))}[data-theme=green] .vocabulary-library__toggle,[data-theme=green] .vocabulary-crosslink a{color:var(--theme-accent-foreground);background:var(--theme-accent)}[data-theme=green] .vocabulary-library__tools-link{border-color:var(--theme-border);color:var(--theme-accent);background:color-mix(in srgb, var(--theme-accent) 10%, var(--theme-card-bg))}@media (max-width:700px){.vocabulary-landing{padding:18px 12px 72px}.vocabulary-hero{border-radius:24px;padding:27px 20px 22px}.vocabulary-language-switch{width:100%;display:grid}.vocabulary-language-switch a{padding-inline:10px}.vocabulary-library,.vocabulary-crosslink{grid-template-columns:1fr;align-items:stretch;padding:22px 18px}.vocabulary-crosslink{flex-direction:column;align-items:flex-start}.vocabulary-library__toggle,.vocabulary-crosslink a,.vocabulary-library__tools-link{width:100%}.vocabulary-library__actions{align-items:stretch}}@media (prefers-reduced-motion:reduce){.vocabulary-language-switch a,.vocabulary-library__toggle,.vocabulary-crosslink a{transition:none}}
.personal-wordbook-dialog__overlay{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a57;place-items:center;padding:20px;animation:.16s ease-out personal-wordbook-fade-in;display:grid;position:fixed;inset:0}.personal-wordbook-dialog{color:#172033;background:#fffffffa;border:1px solid #ffffffe6;border-radius:28px;flex-direction:column;width:min(690px,100%);max-height:min(780px,100vh - 40px);animation:.18s ease-out personal-wordbook-slide-in;display:flex;overflow:hidden;box-shadow:0 30px 90px #0f172a3d}.personal-wordbook-dialog__header,.personal-wordbook-dialog__footer{justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.personal-wordbook-dialog__header{border-bottom:1px solid #e8edf2}.personal-wordbook-dialog__title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.personal-wordbook-dialog__title-wrap>div{min-width:0}.personal-wordbook-dialog__title-wrap>div>span,.personal-wordbook-dialog__results-heading span{color:#10a66f;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:820}.personal-wordbook-dialog__title-wrap h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(20px,3vw,27px);line-height:1.1}.personal-wordbook-dialog__icon{color:#10a66f;background:#10a66f1c;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.personal-wordbook-dialog__close{color:#697383;cursor:pointer;background:#f0f3f6;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.personal-wordbook-dialog__close:hover,.personal-wordbook-dialog__close:focus-visible{color:#172033;background:#e3e8ed}.personal-wordbook-dialog__body{min-height:0;padding:22px 24px 8px;overflow:auto}.personal-wordbook-dialog__intro strong{letter-spacing:-.02em;font-size:16px;display:block}.personal-wordbook-dialog__intro p{color:#6c7786;margin:6px 0 0;font-size:13px;line-height:1.65}.personal-wordbook-dialog__input-wrap{gap:8px;margin-top:18px;display:grid}.personal-wordbook-dialog__input-wrap label{color:#3c4757;align-items:center;gap:6px;font-size:12px;font-weight:760;display:flex}.personal-wordbook-dialog__input-wrap label svg{color:#10a66f}.personal-wordbook-dialog__input-wrap textarea{resize:vertical;color:#172033;width:100%;min-height:122px;font:inherit;background:#f7f9fb;border:1px solid #dce3e9;border-radius:16px;outline:0;padding:13px 14px;font-size:15px;line-height:1.65;transition:border-color .16s,box-shadow .16s,background .16s}.personal-wordbook-dialog__input-wrap textarea:focus{background:#fff;border-color:#10a66fb3;box-shadow:0 0 0 4px #10a66f1a}.personal-wordbook-dialog__input-wrap>span{color:#8a94a1;font-size:11px}.personal-wordbook-dialog__results{background:#fbfcfd;border:1px solid #e4e9ee;border-radius:18px;margin-top:20px}.personal-wordbook-dialog__results-heading{border-bottom:1px solid #e8edf1;justify-content:space-between;align-items:center;padding:13px 15px 11px;display:flex}.personal-wordbook-dialog__results-heading>div{align-items:baseline;gap:9px;display:flex}.personal-wordbook-dialog__results-heading strong{font-size:13px}.personal-wordbook-dialog__results-heading>svg{color:#10a66f}.personal-wordbook-dialog__result-list{max-height:255px;padding:5px;display:grid;overflow:auto}.personal-wordbook-dialog__result{cursor:pointer;border-radius:12px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:51px;padding:8px 10px;display:grid}.personal-wordbook-dialog__result:hover{background:#f0f7f4}.personal-wordbook-dialog__result.is-missing,.personal-wordbook-dialog__result.is-existing{cursor:default}.personal-wordbook-dialog__result.is-missing{color:#8a94a1}.personal-wordbook-dialog__result.is-existing{background:#10a66f0f}.personal-wordbook-dialog__result input{accent-color:#10a66f;width:16px;height:16px}.personal-wordbook-dialog__result-mark{color:#a3adb8;place-items:center;width:22px;height:22px;font-size:16px;display:grid}.personal-wordbook-dialog__result.is-existing .personal-wordbook-dialog__result-mark{color:#10a66f}.personal-wordbook-dialog__result-copy{gap:2px;min-width:0;display:grid}.personal-wordbook-dialog__result-copy strong,.personal-wordbook-dialog__result-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.personal-wordbook-dialog__result-copy strong{font-size:14px}.personal-wordbook-dialog__result-copy span,.personal-wordbook-dialog__result small{color:#74808e;font-size:11px}.personal-wordbook-dialog__result small{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.personal-wordbook-dialog__loading{color:#10a66f;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.personal-wordbook-dialog__loading .is-spinning{animation:.8s linear infinite personal-wordbook-spin}.personal-wordbook-dialog__error{color:#a34747;background:#fff3f1;border-radius:11px;margin:14px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.personal-wordbook-dialog__footer{background:#fafbfcf0;border-top:1px solid #e8edf2;flex-wrap:wrap;justify-content:flex-end}.personal-wordbook-dialog__footer button{min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:760;transition:transform .16s,opacity .16s,background .16s;display:inline-flex}.personal-wordbook-dialog__footer button:hover:not(:disabled){transform:translateY(-1px)}.personal-wordbook-dialog__footer button:disabled{cursor:not-allowed;opacity:.45}.personal-wordbook-dialog__secondary{color:#5e6876;background:#e9edf1}.personal-wordbook-dialog__lookup{color:#0b7953;background:#10a66f1f}.personal-wordbook-dialog__add{color:#fff;background:#10a66f;box-shadow:0 7px 16px #10a66f33}@keyframes personal-wordbook-fade-in{0%{opacity:0}to{opacity:1}}@keyframes personal-wordbook-slide-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes personal-wordbook-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.personal-wordbook-dialog__overlay{padding:10px}.personal-wordbook-dialog{border-radius:22px;max-height:calc(100vh - 20px)}.personal-wordbook-dialog__header,.personal-wordbook-dialog__footer{padding:16px}.personal-wordbook-dialog__body{padding:18px 16px 7px}.personal-wordbook-dialog__result{grid-template-columns:22px minmax(0,1fr)}.personal-wordbook-dialog__result small{text-align:left;grid-column:2;max-width:none}.personal-wordbook-dialog__footer{grid-template-columns:1fr 1fr;display:grid}.personal-wordbook-dialog__footer button{width:100%}.personal-wordbook-dialog__secondary{grid-area:3/1/auto/-1}}