*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f4f4f2}.vocab-learn{box-sizing:border-box;background:var(--page,#f4f4f2);height:100dvh;max-height:100dvh;color:var(--ink,#1c1c1c);font-family:var(--font-ui,"Segoe UI", "Malgun Gothic", sans-serif);flex-direction:column;display:flex;overflow:hidden}.vocab-learn *,.vocab-learn :before,.vocab-learn :after{box-sizing:border-box}.vocab-learn--empty{justify-content:center;gap:1rem;height:auto;max-height:none;padding:1.5rem;overflow:auto}.vocab-learn__scroll{touch-action:pan-y;background:var(--paper,#fff);flex:auto;min-height:0;overflow:hidden auto}.vocab-learn__local,.vocab-learn__title{padding-left:1rem;padding-right:1rem}.vocab-learn__local{padding-top:.75rem}.vocab-learn__title{margin-bottom:.45rem}.vocab-learn__local{color:var(--warn,#8a5a12);margin:0;font-size:.85rem}.vocab-learn__title{margin:0;font-size:1.25rem;line-height:1.3}.vocab-learn__controls,.vocab-learn__face-buttons,.vocab-learn [role=tablist]{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.vocab-learn__controls{z-index:4;border-bottom:1px solid var(--line,#d8d8d8);background:var(--paper,#fff);padding:.45rem .75rem;position:sticky;top:0}.vocab-learn__controls button{font:inherit;border:1px solid var(--line,#d8d8d8);background:#fff;border-radius:.3rem;min-height:2.2rem;padding:.3rem .75rem}.vocab-learn__controls button[aria-selected=true],.vocab-learn__controls button[aria-pressed=true]{border-color:var(--accent,#245b8a);background:#eef4f8}.vocab-learn__viewport{background:var(--paper,#fff);width:100%;overflow:visible}@media (width<=40rem){.vocab-learn__controls button{min-height:2rem;padding:.25rem .55rem}}.vocab-learn__track{grid-template-columns:50% 50%;width:200%;transition:transform .18s;display:grid;transform:translate(0)}.vocab-learn__track[data-face=meaning]{transform:translate(-50%)}.vocab-learn__row{border-bottom:1px solid var(--line,#d8d8d8);grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.55rem;min-width:0;padding:.85rem 1rem;display:grid}.vocab-learn__num{color:var(--muted,#5a5a5a);font-variant-numeric:tabular-nums}.vocab-learn__body{gap:.25rem;min-width:0;display:grid}.vocab-learn__word{overflow-wrap:anywhere;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.15rem;font-weight:700}.vocab-learn__surface{color:var(--muted,#5a5a5a);font-size:.85rem}.vocab-learn__meaning{overflow-wrap:anywhere;font-size:1.1rem;line-height:1.45}.vocab-learn__pos{color:#1968aa;background:#e4f1fb;border-radius:.2rem;justify-self:start;padding:.05rem .4rem;font-size:.8rem}