:root{--bg: #fff;--fg: #1f2937;--card-bg: #fff;--card-border: #e5e7eb;--card-shadow: 0 2px 8px 0 #0001;--primary: #60a5fa;--secondary: #f472b6;--gray: #9ca3af;--button-bg: #e0e0e0;--button-hover: #888888;--button-fg: #000000;--back-btn-bg: #d1d5db;--back-btn-fg: #1e293b;--back-btn-hover: #9ca3af;--card-link-hover-bg: #dbeafe}@media (prefers-color-scheme: dark){:root{--bg: #222;--fg: #f3f4f6;--card-bg: #222b;--card-border: #444;--card-shadow: 0 2px 8px 0 #0009;--primary: #5fa8ff;--secondary: #e087b9;--gray: #bbb;--button-bg: #444;--button-hover: #222;--button-fg: #eee;--back-btn-bg: #444;--back-btn-fg: #eee;--back-btn-hover: #222;--card-link-hover-bg: #444c5e}}html,body{height:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;background:var(--bg);color:var(--fg)}.categories-container{padding:1rem;background:var(--bg)}.categories-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--fg)}.categories-list{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.categories-list-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--fg)}.card-link{display:block;width:100%;max-width:20rem;text-align:center;padding:.75rem 1rem;background:var(--card-bg);color:var(--fg);border-radius:.5rem;border:1px solid var(--card-border);box-shadow:var(--card-shadow);text-decoration:none;transition:background .2s,color .2s}.card-link:hover{background:var(--card-link-hover-bg);color:#fff}.deck-container{padding:1rem;max-width:48rem;margin:0 auto;background:var(--bg)}.deck-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:var(--fg)}.deck-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.deck-actions{display:flex;justify-content:center;margin-top:1rem}.next-btn{padding:.6em 2em;font-size:1rem;border-radius:.5em;background:var(--button-bg);color:var(--button-fg);border:none;cursor:pointer;font-weight:700;box-shadow:0 1px 4px #0001;transition:background .2s,color .2s}.next-btn:hover{background:var(--button-hover)}.back-actions{display:flex;justify-content:center;margin-bottom:.8rem}.back-btn{padding:.4em 1.2em;font-size:1rem;border-radius:.5em;background:var(--back-btn-bg);color:var(--back-btn-fg);border:none;cursor:pointer;font-weight:700;box-shadow:0 1px 4px #0001;transition:background .2s,color .2s;margin-bottom:.4em}.back-btn:hover{background:var(--back-btn-hover)}.vocab-card{width:100%;max-width:20rem;min-height:18rem;padding:1rem;border:1px solid var(--card-border);border-radius:1rem;background:var(--card-bg);box-shadow:var(--card-shadow);margin:0 auto;margin-bottom:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--fg)}.vocab-card-title{font-size:1.25rem;font-weight:600;text-align:center;color:var(--fg)}.vocab-card-title:empty{display:none}.article{display:inline-block;padding-bottom:.1rem;font-weight:700;border-bottom:2px solid var(--gray)}.border-blue{border-bottom-color:var(--primary)}.border-pink{border-bottom-color:var(--secondary)}.border-gray{border-bottom-color:var(--gray)}.no-underline{border-bottom:none!important}.noun{font-weight:700;color:var(--fg)}.vocab-card-plural,.vocab-card-meaning{font-size:.9rem;color:var(--fg);text-align:center;margin-bottom:0rem}.vocab-card-sentence{font-size:.8rem;color:var(--fg);text-align:left;margin-bottom:0rem}.gender-blocks{width:100%;margin-top:.1em}.person-block{margin-bottom:1em;text-align:left}.person-block>div{margin-bottom:.2em}.person-block .article,.person-block .noun{font-weight:700;font-size:1.05rem}.person-block .article{border-bottom:2px solid var(--gray);padding-right:.25em}.person-block.male .article{border-bottom-color:var(--primary)}.person-block.female .article{border-bottom-color:var(--secondary)}