:root{--bg: #f0f4f8;--bg-card: #ffffff;--surface: #ffffff;--text: #1a2233;--text-muted: #6b7688;--border: #e3e9f0;--primary: #58cc02;--primary-dark: #46a302;--blue: #1cb0f6;--blue-soft: #e3f4fd;--red: #ff4b4b;--red-soft: #ffe9e9;--green: #2ecc71;--green-soft: #e6f9ee;--yellow: #ffc800;--yellow-soft: #fff6d6;--shadow: 0 10px 30px rgba(26, 34, 51, .1);--shadow-hover: 0 16px 40px rgba(26, 34, 51, .16);--radius: 20px}:root.dark{--bg: #0f1524;--bg-card: #1a2236;--surface: #1a2236;--text: #eef2f8;--text-muted: #97a3b8;--border: #2a3550;--blue-soft: #10344a;--red-soft: #452020;--green-soft: #143d2a;--yellow-soft: #3d3413;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-hover: 0 16px 40px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Segoe UI,Vazirmatn,Tahoma,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease}button{font-family:inherit;cursor:pointer}.app{max-width:960px;margin:0 auto;padding:20px 16px 48px}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.brand-flag{font-size:2.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.brand h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.brand-sub{font-size:.82rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:10px}.mode-btn{background:var(--surface);border:2px solid var(--border);border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:600;color:var(--text);transition:all .2s ease}.mode-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px #58cc0259}.theme-toggle{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);background:var(--surface);font-size:1.2rem;display:grid;place-items:center;transition:transform .2s ease,border-color .2s ease}.theme-toggle:hover{transform:rotate(20deg) scale(1.05);border-color:var(--yellow)}.stats-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);margin-bottom:18px}.progress-wrapper{width:100%}.progress-label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.progress-bar{width:100%;height:14px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--blue));border-radius:999px;transition:width .6s cubic-bezier(.22,1,.36,1)}.stats-row{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:14px;font-size:.9rem;font-weight:600}.stat-known{color:var(--green)}.stat-partial{color:var(--yellow)}.stat-unknown{color:var(--red)}.toolbar{margin-bottom:18px}.search-box{position:relative;display:flex;align-items:center;margin-bottom:12px}.search-icon{position:absolute;left:14px;font-size:.95rem;opacity:.6;pointer-events:none}.search-input{width:100%;padding:13px 42px;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1cb0f626}.search-clear{position:absolute;right:10px;border:none;background:var(--border);color:var(--text-muted);width:26px;height:26px;border-radius:50%;font-size:.8rem;display:grid;place-items:center}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:7px 15px;font-size:.85rem;font-weight:600;transition:all .2s ease}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.review-banner{background:var(--yellow-soft);border:2px dashed var(--yellow);color:var(--text);border-radius:14px;padding:12px 16px;font-weight:600;text-align:center;margin-bottom:18px}.card-area{display:flex;flex-direction:column;align-items:center;gap:20px}.card-scene{perspective:1400px;width:100%;max-width:560px;cursor:pointer;position:relative}.card-inner{position:relative;width:100%;min-height:340px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1)}.card-inner.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;transition:box-shadow .3s ease}.card-scene:hover .card-face{box-shadow:var(--shadow-hover)}.card-back{transform:rotateY(180deg)}.category-chip{position:absolute;top:16px;left:16px;background:var(--blue-soft);color:var(--blue);font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}:root.dark .category-chip{color:#7fd4ff}.card-word-block{text-align:center;display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;direction:ltr}.article{font-weight:800;font-size:1.5rem;padding:3px 14px;border-radius:10px;line-height:1.4}.article-der{color:var(--blue);background:var(--blue-soft)}.article-die{color:var(--red);background:var(--red-soft)}.article-das{color:var(--green);background:var(--green-soft)}.card-word{font-size:clamp(1.9rem,6vw,2.8rem);font-weight:800;letter-spacing:-.02em;direction:ltr}.audio-btn{border:none;background:linear-gradient(180deg,var(--blue),#1899d6);color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 16px #1cb0f666;transition:transform .15s ease,box-shadow .15s ease,opacity .2s}.audio-btn:hover{transform:scale(1.08);box-shadow:0 8px 22px #1cb0f68c}.audio-btn:active{transform:scale(.94)}.audio-btn:disabled{opacity:.7;cursor:wait}.audio-btn.error{background:linear-gradient(180deg,var(--red),#e03b3b)}.audio-large{width:76px;height:76px;font-size:2rem}.audio-small{width:36px;height:36px;font-size:1rem;flex-shrink:0}.flip-hint{position:absolute;bottom:14px;font-size:.78rem;color:var(--text-muted);opacity:.75}.card-translation-block{text-align:center;display:flex;flex-direction:column;gap:14px;width:100%}.card-meaning{font-size:clamp(1.4rem,5vw,2rem);font-weight:800;color:var(--primary)}:root.dark .card-meaning{color:#7ee852}.example-block{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:12px 14px;direction:ltr;text-align:left}.example-de{font-size:1rem;font-weight:600;direction:ltr}.example-fa{font-size:.95rem;color:var(--text-muted);direction:rtl}.rating-badge{position:absolute;top:16px;right:16px;z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.9rem;box-shadow:var(--shadow)}.rating-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:560px}.rate-btn{flex:1 1 150px;border:none;border-radius:16px;padding:14px 10px;font-size:1rem;font-weight:700;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.rate-btn small{font-size:.7rem;font-weight:600;opacity:.9;direction:ltr}.rate-btn:hover{transform:translateY(-3px);filter:brightness(1.05)}.rate-btn:active{transform:translateY(0)}.rate-known{background:linear-gradient(180deg,var(--green),#22a85d);box-shadow:0 6px 16px #2ecc7159}.rate-partial{background:linear-gradient(180deg,var(--yellow),#e6b000);box-shadow:0 6px 16px #ffc80059}.rate-unknown{background:linear-gradient(180deg,var(--red),#e03b3b);box-shadow:0 6px 16px #ff4b4b59}.nav-row{display:flex;align-items:center;gap:16px}.nav-btn{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .2s ease}.nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.card-counter{font-weight:700;color:var(--text-muted);min-width:70px;text-align:center}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow)}.empty-title{font-size:1.4rem;font-weight:800}.empty-sub{color:var(--text-muted);margin-bottom:8px}.word-list{margin-top:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.word-list-title{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--text-muted)}.word-list ul{list-style:none;display:flex;flex-direction:column;gap:8px}.word-list-item{width:100%;display:grid;grid-template-columns:1.3fr 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);background:var(--bg);border-radius:12px;text-align:left;transition:all .18s ease;color:var(--text)}.word-list-item:hover{border-color:var(--blue);transform:translate(3px)}.word-list-item.current{border-color:var(--primary);background:#58cc0214}.wl-german{font-weight:700;font-size:1rem}.wl-german .article{font-size:.85rem;padding:1px 8px}.wl-meaning{font-size:.9rem;color:var(--text-muted);direction:rtl;text-align:right}.wl-status{font-size:.95rem}.app-footer{margin-top:36px;text-align:center;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:10px}.reset-btn{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:999px;padding:8px 16px;font-size:.82rem;transition:all .2s ease}.reset-btn:hover{border-color:var(--red);color:var(--red)}@media (max-width: 640px){.app{padding:14px 12px 40px}.app-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between}.mode-btn{flex:1;font-size:.8rem;padding:9px 10px}.card-inner{min-height:300px}.card-face{padding:24px 16px}.article{font-size:1.15rem;padding:2px 10px}.audio-large{width:64px;height:64px;font-size:1.7rem}.rate-btn{flex:1 1 100%;font-size:.95rem}.word-list-item{grid-template-columns:1fr auto auto;grid-template-areas:"german status audio" "meaning meaning meaning";gap:6px 10px}.wl-german{grid-area:german}.wl-meaning{grid-area:meaning;text-align:left}.wl-status{grid-area:status}.word-list-item .audio-btn{grid-area:audio}.stats-row{font-size:.8rem;gap:8px 12px}}@media (prefers-reduced-motion: reduce){.card-inner,.progress-fill,*{transition-duration:.01ms!important;animation-duration:.01ms!important}}