:root{color-scheme:light;--ink:#173e3b;--muted:#586c64;--green:#176d60;--cream:#faf8f2;--line:#dce4da}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}header{background:var(--ink);color:#fff;padding:28px 18px 0}.wrap{max-width:720px;margin:auto}h1{font-size:clamp(32px,7vw,46px);line-height:1.2;letter-spacing:-1px;margin:17px 0}h1 span{color:#e9bd76}header p{color:#dde9e3;margin-bottom:22px}.eyebrow,.pill{font-size:11px;letter-spacing:1.5px;font-weight:750}.tabs{display:flex;gap:9px}.tabs a{padding:12px 22px;border-radius:13px 13px 0 0;text-decoration:none;color:#f8fcfa;background:#31554c;font-weight:700}.tabs a[aria-current]{background:var(--cream);color:var(--ink)}main.wrap{padding:20px 16px 150px}.pill{color:#89704a}.intro p{margin-top:7px}label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}input,select,button{font:inherit}input,select{width:100%;min-height:48px;border:1px solid #bccdc2;border-radius:12px;color:var(--ink);background:white;padding:11px}input{margin-bottom:15px}.filters{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(125px,1fr);gap:10px}.filters>div{min-width:0}select{text-overflow:ellipsis}button{min-height:48px;cursor:pointer;border:0;border-radius:12px;padding:11px 16px;font-weight:650;background:var(--green);color:white;touch-action:manipulation}button:disabled{opacity:.48;cursor:default}.quiet{background:#e7eee5;color:var(--ink)}.small{font-size:13px;padding:8px 13px;min-height:44px}.tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}#count,.note{font-size:13px;color:var(--muted)}.note{line-height:1.6}.card{margin:20px 0;padding:20px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 18px #173e3b05}.top{display:flex;align-items:center;gap:16px}.picture{width:108px;height:108px;flex:0 0 108px;object-fit:contain;border-radius:16px;background:#f5f4ec}.head{min-width:0}.id{color:var(--muted);font-size:11px}.word{font-size:30px;line-height:1.55;margin:5px 0 0;font-weight:750;overflow-wrap:anywhere}.pron{color:#6b6a52;font-size:14px;margin:2px 0 0;overflow-wrap:anywhere}.meaning{margin:15px 0 12px;font-size:21px;font-weight:600;overflow-wrap:anywhere}.play{width:100%;display:block}.example{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.example-label{font-size:11px;color:var(--muted);letter-spacing:1px}.example-th{font-size:20px;margin:8px 0 4px;overflow-wrap:anywhere}.example-vi{color:var(--muted);margin:0 0 12px}.example button{width:100%;font-size:14px}.usage{font-size:13px;padding:12px;background:#fbf5e7;border-radius:10px;margin-bottom:0}.concealed{visibility:hidden}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fffefaf5;border-top:1px solid var(--line);padding:10px 16px max(10px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:15px}.bottom button{width:min(32vw,230px)}#pageNumber{font-size:13px;white-space:nowrap}.status{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:#edf3ecf5;color:#365b4a;font-size:12px;padding:6px 13px;border:1px solid #d7e1d4;border-radius:10px;pointer-events:none}.about{font-size:13px;margin:30px 0}summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:700}footer{text-align:center;font-size:12px;color:var(--muted);margin-top:30px}a{color:var(--green)}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:3px solid #d99b43;outline-offset:3px}.guide-toc{display:grid;gap:8px}.guide-toc a,.back{display:block;padding:12px 15px;background:#e7eee5;border-radius:10px;text-decoration:none}.lesson{scroll-margin-top:16px}.lesson h3{margin-top:0}.phrase{border-top:1px solid var(--line);padding:14px 0}.phrase strong{font-size:23px;display:block}.phrase p{margin:3px 0 10px}.phrase button{font-size:14px;min-height:44px}.empty{text-align:center;padding:35px 10px}[hidden]{display:none!important}@media(max-width:360px){.picture{width:85px;height:85px;flex-basis:85px}.word{font-size:26px}.card{padding:16px}.top{gap:12px}.filters{grid-template-columns:1fr}.tabs a{padding:12px 17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.tabs a{padding:12px 14px}.flash-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;min-height:230px;margin:12px 0;background:white;color:var(--ink);border:2px solid #b8cdc1;border-radius:22px;padding:25px 18px}.flash-card[aria-pressed="true"]{background:#f5eedc;border-color:#d3b775}#flashFace{font-size:32px;overflow-wrap:anywhere;max-width:100%;line-height:1.6}#flashDetails{text-align:center}#flashImage{object-fit:contain;border-radius:16px}.flash-actions{display:flex;gap:12px;margin:16px 0}.flash-actions button{flex:1}.flash-check{display:flex;gap:10px;align-items:center;margin:15px 0}.flash-check input{width:22px;min-height:22px;height:22px;margin:0}#flashcards select{margin-bottom:12px}@media(max-width:360px){.tabs a{padding:12px 10px;font-size:14px}}