*{box-sizing:border-box}body{color:#202020;-webkit-font-smoothing:antialiased;background:#f7f7f6;margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit;color:inherit;background:#fff;border:1px solid #dedede;border-radius:8px;padding:10px 14px}button{cursor:pointer;min-height:42px;font-size:13px;font-weight:500}button:hover:not(:disabled){background:#f0f0ef;border-color:#aaa}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.flashcard:focus-visible{outline-offset:3px;outline:2px solid #444}input,select{min-height:44px}input::placeholder{color:#939393}.login{place-items:center;min-height:100dvh;padding:24px;display:grid}.login form{background:#fff;border:1px solid #e5e5e5;border-radius:12px;gap:14px;width:100%;max-width:340px;padding:30px;display:grid;box-shadow:0 4px 20px #00000004}.login label{font-size:14px;font-weight:600}.login input{width:100%;font-size:16px}.login button,.reveal{color:#fff;background:#242424;border-color:#242424}.login button:hover:not(:disabled),.reveal:hover:not(:disabled){color:#fff;background:#3b3b3b;border-color:#3b3b3b}.login p{margin:0;font-size:13px}.app{max-width:800px;margin:32px auto;padding:0 28px 32px}header,nav,.filters,.pagination{align-items:center;gap:8px;display:flex}header{border-bottom:1px solid #e2e2e2;justify-content:space-between;padding-bottom:22px}nav{background:#ebebea;border-radius:9px;gap:3px;padding:4px}nav button{color:#737373;background:0 0;border-color:#0000;border-radius:6px;min-height:34px;padding:5px 20px}nav button[aria-pressed=true]{color:#222;background:#fff;box-shadow:0 1px 3px #0000000c}nav button:hover:not(:disabled){color:#222;background:#f5f5f4;border-color:#0000}header>button{color:#737373;background:0 0;border-color:#0000;min-height:34px;padding:5px 10px}.counts{color:gray;flex-wrap:wrap;gap:8px 24px;margin:24px 2px;font-size:12px;display:flex}.counts b{color:#3d3d3d;font-variant-numeric:tabular-nums;margin-right:2px;font-weight:600}h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:30px 0;font:400 clamp(40px,7vw,62px)/1.2 Georgia,Times New Roman,serif}.card{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-height:320px;padding:30px 36px 36px;box-shadow:0 2px 4px #00000002}.card-face>span{letter-spacing:1.2px;text-transform:uppercase;color:#777;background:#f4f4f3;border-radius:4px;padding:4px 9px;font-size:10px;font-weight:500;display:inline-block}.card>p{color:#929292;margin:42px 0 12px;font-size:13px}.meanings{text-align:left;border-top:1px solid #eee;margin-top:28px;padding-top:16px}.meanings>div+div{border-top:1px solid #eee;margin-top:22px;padding-top:12px}p{margin:10px 0}.example{color:#777;font-size:13px;line-height:1.8}i{color:#888;margin-right:4px;font-size:12px}.reveal{width:100%;min-height:46px;margin-top:14px}.ratings{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.ratings button{min-height:84px;padding:14px 8px;font-size:13px}.ratings small{color:#929292;margin-top:5px;font-size:11px;font-weight:400;display:block}.known{color:#888;background:0 0;border-color:#0000;margin:16px auto 0;padding:8px 12px;font-size:12px;display:block}.known:hover:not(:disabled){color:#222;text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline}.error{background:#fff;border:1px solid #ccc;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:13px}.error button{min-height:30px;margin-left:8px;padding:3px 10px;font-size:12px}.filters{gap:12px}.filters input{flex:1;min-width:0;font-size:14px}.filters select{max-width:210px;font-size:12px}.result-count{color:#888;margin:18px 2px 10px;font-size:12px}.word-list{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:0 20px}details{border-top:1px solid #ececec;padding:17px 0}details:first-child{border-top:0}summary{cursor:pointer}summary::marker{color:#aaa;font-size:10px}summary b{margin-left:8px;font-size:15px;font-weight:500}summary span{float:right;color:#939393;margin-top:3px;font-size:11px}details>div{padding-left:21px}details>button{min-height:34px;margin:10px 0 0 21px;padding:6px 10px;font-size:11px}.pagination{color:#888;justify-content:space-between;margin-top:18px;font-size:12px}.pagination button{min-height:36px;padding:6px 12px;font-size:12px}.empty{padding:48px 12px}.empty h1{font-size:32px}.empty p{color:#777;font-size:13px}@media (max-width:550px){.app{margin-top:18px;padding:0 18px 24px}header{padding-bottom:18px}.counts{gap:7px 16px;margin:20px 2px;font-size:11px}.card{min-height:300px;padding:24px}.card h1{margin:36px 0}.card>p{font-size:12px}.ratings{gap:7px}.ratings button{min-height:86px;padding:12px 6px;font-size:11px}.ratings small{font-size:10px}.known{font-size:11px}.filters{flex-wrap:wrap;gap:9px}.filters input,.filters select{flex:auto;width:100%;max-width:none;font-size:16px}.word-list{padding:0 15px}summary span{float:none;margin-top:4px;margin-left:21px;display:block}}.flashcard{perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px}.flashcard-inner{transform-style:preserve-3d;transition:transform .46s cubic-bezier(.2,.7,.2,1);display:grid}.flashcard.is-flipped .flashcard-inner{transform:rotateX(180deg)}.card-face{backface-visibility:hidden;flex-direction:column;grid-area:1/1;justify-content:center;display:flex}.card-face>span{align-self:center}.flashcard:hover .card-face{border-color:#c8c8c8}.flashcard-back{transform:rotateX(180deg)}.flashcard-back .meanings{text-align:center;border-top:0;margin:24px 0 12px;padding-top:0;font-size:19px}.card-face>.flip-hint{color:gray;margin:20px 0 0;font-size:11px}.flashcard-front h1{margin:36px 0}@media (prefers-reduced-motion:reduce){.flashcard-inner{transition:none}}