.csat{padding-bottom:var(--sp-8)}.csat a.area-chip{text-decoration:none}.csat .note{color:var(--muted);font-size:var(--fs-2);word-break:keep-all}.csat .search{position:sticky;top:var(--header-h);z-index:2;display:block;padding:var(--sp-2) 0;background:var(--paper)}.csat .search input{width:100%;min-height:48px;padding:0 var(--sp-4);border:1.5px solid var(--rule);border-radius:var(--r-2);background:var(--white);color:var(--ink);font:inherit;font-size:var(--fs-3)}.csat .search input:focus-visible{outline:2px solid var(--ac);outline-offset:1px}.csat .tools{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-5)}.csat .memo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.csat .memo .btn{min-height:40px;padding:0 var(--sp-4);font-size:var(--fs-2)}.csat .tog{min-height:40px;padding:0 var(--sp-4);border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--ink-2);font:inherit;font-size:var(--fs-2);font-weight:700;cursor:pointer}.csat .tog[aria-pressed=true]{border-color:var(--ac);background:var(--ac);color:var(--white)}.csat .known-count{color:var(--ink-2);font-size:var(--fs-2);font-weight:700;font-variant-numeric:tabular-nums}.csat .count{color:var(--ink-2);font-size:var(--fs-2);font-weight:700}.csat .letters{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.csat .letters a{display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:var(--r-1);color:var(--ac);font-size:var(--fs-2);font-weight:800;text-decoration:none}.csat .letters a[hidden]{display:none}.csat .letters a:hover{background:var(--ac-tint)}.csat .group{margin-bottom:var(--sp-6);scroll-margin-top:calc(var(--header-h) + 72px)}.csat .group[hidden]{display:none}.csat .group h2{padding-bottom:var(--sp-2);border-bottom:2px solid var(--ac);color:var(--ac);font-size:var(--fs-6)}.csat .list{margin:0;padding:0;list-style:none}.csat .entry{scroll-margin-top:calc(var(--header-h) + 72px);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2) var(--sp-6);padding:var(--sp-4) 0;border-bottom:1px solid var(--rule)}.csat .entry[hidden]{display:none}.csat .main{position:relative;display:grid;gap:var(--sp-1);min-width:0}.csat .head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.csat .word{font-size:var(--fs-4);font-weight:800}.csat .listen{display:inline-grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--ink-2);cursor:pointer;visibility:hidden}.csat[data-speak=on] .listen{visibility:visible}.csat .listen.small{width:28px;height:28px;margin-left:var(--sp-1);vertical-align:middle}.csat .listen:hover,.csat .know:hover{border-color:var(--ac)}.csat .listen svg,.csat .know svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.csat .listen.small svg{width:15px;height:15px}.csat .know{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:32px;margin-left:auto;padding:0 var(--sp-3) 0 var(--sp-2);border:1.5px solid var(--rule);border-radius:var(--r-pill);background:var(--white);color:var(--muted);font:inherit;font-size:var(--fs-1);font-weight:700;cursor:pointer}.csat .know[aria-pressed=true]{border-color:var(--ok);background:var(--ok);color:var(--white)}.csat [data-known] .word{color:var(--ink-2)}.csat .senses{margin:0;padding:0;list-style:none;color:var(--ink);word-break:keep-all}.csat .pos{display:inline-block;margin-right:var(--sp-1);padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--ac-tint);color:var(--ac);font-size:var(--fs-1);font-weight:700}.csat .related,.csat .hint{margin-top:var(--sp-1);color:var(--ink-2);font-size:var(--fs-2);word-break:keep-all}.csat .hint-label{display:inline-block;margin-right:var(--sp-1);padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--bg-soft);color:var(--ink-2);font-size:var(--fs-1);font-weight:700}.csat .ex{min-width:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);background:var(--bg-soft)}.csat .ex-en{color:var(--ink);line-height:1.6}.csat .ex-en strong{color:var(--ac)}.csat .ex-ko{margin-top:var(--sp-1);color:var(--ink-2);font-size:var(--fs-2);line-height:1.6;word-break:keep-all}.csat .reveal{display:none}.csat[data-hide=on] .entry:not([data-open]) .meaning,.csat[data-hide=on] .entry:not([data-open]) .ex-ko{visibility:hidden}.csat[data-hide=on] .entry:not([data-open]) .main{padding-bottom:var(--sp-7)}.csat[data-hide=on] .entry:not([data-open]) .reveal{position:absolute;left:0;bottom:0;display:inline-grid;place-items:center;min-height:36px;padding:0 var(--sp-4);border:1.5px dashed var(--ac);border-radius:var(--r-pill);background:var(--white);color:var(--ac);font:inherit;font-size:var(--fs-2);font-weight:700;cursor:pointer}.csat .empty{color:var(--ink-2)}.csat .cards{width:min(560px,calc(100vw - 32px));padding:var(--sp-5);border:0;border-radius:var(--r-3);background:var(--white);color:var(--ink)}.csat .cards::backdrop{background:color-mix(in srgb,var(--ink) 50%,transparent)}.csat .cards-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.csat .cards-head h2{font-size:var(--fs-4)}.csat .cards-prog{color:var(--ink-2);font-size:var(--fs-2);font-weight:700;font-variant-numeric:tabular-nums}.csat .cards-close{width:40px;height:40px;margin-left:auto;border:0;border-radius:var(--r-pill);background:var(--bg-soft);color:var(--ink);font-size:var(--fs-5);cursor:pointer}.csat .card-body{display:grid;gap:var(--sp-3);min-height:200px;padding:var(--sp-5);border:1.5px solid var(--rule);border-radius:var(--r-2)}.csat .card-body .word{font-size:var(--fs-6)}.csat .card-back{display:grid;gap:var(--sp-3)}.csat .card-back[hidden]{display:none}.csat .card-done{align-self:center;font-weight:700;word-break:keep-all}.csat .cards-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4)}.csat .cards-actions [hidden]{display:none}@media(min-width:1024px){.csat .entry:has(.ex){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}@media(max-width:760px){.csat .letters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.csat .letters a{flex:none}}