:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,sans-serif;background:light-dark(#ffffff,#111111);color:light-dark(#1a1a1a,#e8e8e8)}#root{max-width:42rem;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.card{touch-action:pan-y;margin:2.5rem 0;min-height:16rem;display:grid;place-items:center;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.card .term{font-size:2.75rem;font-weight:650;letter-spacing:-.02em}.card .full{font-size:1.15rem;font-weight:600;margin-bottom:.75rem}.card .definition{color:light-dark(#444,#b5b5b5);line-height:1.6;max-width:28rem}.card .hint{font-size:.8rem;color:light-dark(#c0c0c0,#555);margin-top:1.5rem}.grades{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.grades button{font:inherit;padding:.8rem 0;background:none;border:1px solid light-dark(#e4e4e4,#2c2c2c);border-radius:10px;cursor:pointer;font-weight:600}.grades .dont-know{color:light-dark(#b3382c,#e07b6f)}.grades .know{color:light-dark(#22771b,#7fc379)}.grades button:hover{border-color:currentColor}.grades button small{display:block;font-weight:400;font-size:.75rem;color:light-dark(#bbb,#666);margin-top:.2rem}.progress{margin-top:2rem}.progress-labels{display:flex;justify-content:space-between;font-size:.85rem;color:light-dark(#999,#777);margin-bottom:.5rem}.progress-track{height:4px;border-radius:999px;overflow:hidden;background:light-dark(#ececec,#2a2a2a)}.progress-fill{height:100%;border-radius:999px;background:light-dark(#1a1a1a,#e8e8e8);transition:width .25s ease}.done{text-align:center;padding:4rem 1rem}.done h2{font-weight:650}.done p{color:light-dark(#999,#777)}.notice{font-size:.8rem;color:light-dark(#b8860b,#d4a017);text-align:center}.topbar{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.crumbs{margin-right:auto;font-size:.95rem}.crumbs a{text-decoration:none}.crumb-site{color:light-dark(#999,#777)}a.crumb-site:hover{color:inherit}.crumb-sep{color:light-dark(#999,#777)}.crumb-app{color:inherit;font-weight:650;letter-spacing:-.02em}.topbar button{font:inherit;font-size:1rem;padding:0;border:none;background:none;color:light-dark(#999,#777);cursor:pointer}.topbar button:hover{color:inherit}.site-footer{margin-top:auto;padding-top:1.1rem;border-top:1px solid light-dark(#f0f0f0,#222);font-size:.9rem;color:light-dark(#999,#777)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:light-dark(#1a1a1a,#e8e8e8)}.deck-card{display:flex;flex-direction:column;gap:.35rem;width:100%;text-align:left;font:inherit;color:inherit;padding:1.1rem 1.25rem;background:none;border:1px solid light-dark(#e4e4e4,#2c2c2c);border-radius:12px;cursor:pointer}.deck-card:hover{border-color:light-dark(#bbb,#555)}.deck-name{font-size:1.1rem;font-weight:650}.deck-desc{color:light-dark(#888,#999);font-size:.9rem}.deck-stats{color:light-dark(#999,#777);font-size:.85rem;margin:.75rem 0 0}.back-header{display:flex;gap:1.25rem;align-items:flex-start;margin:1rem 0 1.5rem}.back-btn{font:inherit;font-weight:600;border:none;background:none;color:inherit;cursor:pointer;padding:0;margin-top:.3rem;white-space:nowrap}.back-btn:hover{opacity:.7}.page-title{font-size:1.5rem;font-weight:650;letter-spacing:-.02em;margin:0}.page-subtitle{color:light-dark(#888,#999);margin:.25rem 0 0;font-size:.95rem}.deck-actions{display:flex;gap:1rem;align-items:center}.study-btn{font:inherit;font-weight:600;padding:.7rem 1.4rem;border:none;border-radius:10px;background:light-dark(#1a1a1a,#e8e8e8);color:light-dark(#ffffff,#111111);cursor:pointer}.study-btn:disabled{opacity:.5;cursor:default}.reset-btn{font:inherit;font-size:.85rem;border:none;background:none;color:light-dark(#999,#777);cursor:pointer}.reset-btn:hover{color:inherit}.word-list{list-style:none;padding:0;margin:1.5rem 0 0}.word-list li{padding:.85rem 0;border-top:1px solid light-dark(#f0f0f0,#222)}.word-term{font-weight:650;display:block}.word-check{color:light-dark(#22771b,#7fc379);font-weight:400}.word-full{display:block;font-size:.85rem;color:light-dark(#666,#aaa);margin-top:.1rem}.word-def{display:block;font-size:.9rem;color:light-dark(#888,#888);line-height:1.5;margin-top:.25rem}.done .study-btn{margin-top:1rem}.group-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.6rem}.group-row{display:flex;flex-direction:column;gap:.25rem;width:100%;text-align:left;font:inherit;color:inherit;padding:.8rem 1rem;background:none;border:1px solid light-dark(#e4e4e4,#2c2c2c);border-radius:10px;cursor:pointer}.group-row:hover:not(:disabled){border-color:light-dark(#bbb,#555)}.group-row:disabled{cursor:default;opacity:.6}.group-name{font-weight:650}.group-counts{font-size:.82rem;color:light-dark(#999,#777)}.group-heading{font-weight:650;margin:2.5rem 0 .25rem;color:light-dark(#666,#aaa);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.level-badge{font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;margin-left:.5rem;vertical-align:.1rem;border:1px solid transparent}.level-badge.must{color:light-dark(#22771b,#7fc379);border-color:currentColor}.level-badge.should{color:light-dark(#1f6f85,#7db8c9);border-color:currentColor}.level-badge.advanced{color:light-dark(#8a6d1a,#cdb161);border-color:currentColor}.level-badge.skip{color:light-dark(#aaa,#666);border-color:currentColor}