*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5;color:var(--text);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}.arabic{font-family:Amiri,Traditional Arabic,Scheherazade New,serif;direction:rtl;line-height:1.6}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.card{transition:transform .3s!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:1rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm);z-index:200;font-size:.875rem;text-decoration:none}.skip-link:focus{top:1rem}.view{display:none;flex-direction:column;align-items:center;padding:2rem 1.5rem}.view.active{display:flex}.app-footer{text-align:center;padding:2rem 1rem;font-size:.875rem;color:var(--text-secondary)}.app-footer a{color:var(--primary);text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-nav{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem 1.5rem 0;min-height:60px}.app-nav__right{display:flex;gap:.5rem}#navBack{margin-right:auto}#navBack:empty{display:none}@media(max-width:500px){.view{padding:1.25rem 1rem}}:root{--bg: #f7f4ee;--surface: #ffffff;--surface-alt: #ede8df;--border: #d4cfc4;--border-hover: #2d6a4f;--primary: #2d6a4f;--primary-light: #7ab592;--primary-dark: #1b4332;--accent: #8b6914;--accent-dim: #a08540;--text: #1a1a1a;--text-secondary: #5c5647;--error: #b33b3b;--warning: #9a7b2e;--success: #2d6a4f;--card-bg: #ffffff;--tint-learning: #fdf3d7;--tint-known: #d4edda;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}html.dark{--bg: #141a24;--surface: #1e2636;--surface-alt: #2a3142;--border: #333a4a;--border-hover: #4a9b6a;--primary: #4a9b6a;--primary-light: #6abf8a;--primary-dark: #3d6b52;--accent: #d4a843;--accent-dim: #8a7a3a;--text: #e8e4dc;--text-secondary: #9c978c;--error: #cf6b6b;--warning: #c49a30;--success: #4a9b6a;--card-bg: #1e2636;--tint-learning: #3a2e10;--tint-known: #1a3a2a;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:dark){html:not(.light){--bg: #141a24;--surface: #1e2636;--surface-alt: #2a3142;--border: #333a4a;--border-hover: #4a9b6a;--primary: #4a9b6a;--primary-light: #6abf8a;--primary-dark: #3d6b52;--accent: #d4a843;--accent-dim: #8a7a3a;--text: #e8e4dc;--text-secondary: #9c978c;--error: #cf6b6b;--warning: #c49a30;--success: #4a9b6a;--card-bg: #1e2636;--tint-learning: #3a2e10;--tint-known: #1a3a2a;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}}.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background .4s ease,background-color .4s ease,color .4s ease,border-color .4s ease,fill .4s ease,stroke .4s ease!important}.theme-transition .flashcard{transition:transform .5s,background .4s ease,color .4s ease,border-color .4s ease!important}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;cursor:pointer;transition:border-color .2s,color .2s,opacity .2s;text-decoration:none}.btn:hover{border-color:var(--border-hover)}.btn>svg{width:16px;height:16px;flex-shrink:0}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.btn--primary:hover{opacity:.85}.btn--icon{border:none;background:none;padding:.375rem;opacity:.5;min-height:auto}.btn--icon:hover{opacity:.8;color:var(--text)}.btn--icon>svg{width:18px;height:18px}.btn--color-error{color:var(--error)}.btn--color-error:hover{border-color:var(--error)}.btn--primary.btn--color-error{background:var(--error);color:#fff;border-color:var(--error)}.btn--primary.btn--color-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn--primary.btn--color-success{background:var(--success);color:#fff;border-color:var(--success)}.btn--full{width:100%;justify-content:flex-start;margin-bottom:.5rem}.btn--full>svg{width:18px;height:18px;flex-shrink:0}.btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn__trailing{margin-left:auto;opacity:.4;display:flex}.btn__trailing svg{width:14px;height:14px}.mastery{width:100%;max-width:560px;margin:0 auto 1.5rem;text-align:center;padding:0 1.25rem}.mastery__label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.mastery__label b{color:var(--accent);font-size:1.5rem}.mastery__bar{width:100%;height:12px;background:var(--surface-alt);border-radius:6px;overflow:hidden}.mastery__fill{height:100%;background:linear-gradient(90deg,var(--primary-dark),var(--primary-light));border-radius:6px;transition:width .5s}.card--default{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;align-items:center;gap:.875rem;min-height:44px;transition:border-color .2s,transform .2s}.card--default[tabindex]{cursor:pointer}.card--default[tabindex]:hover{border-color:var(--border-hover);transform:translateY(-1px)}.card--empty{width:min(440px,88vw);height:270px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.75rem 1.5rem;margin-bottom:1.375rem;text-align:center}.deck-card__ring{display:flex;align-items:center;flex-shrink:0;line-height:0}.deck-card__info{flex:1;min-width:0}.deck-card__name{font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card__subtitle{font-size:.875rem;color:var(--accent-dim);margin-top:.125rem}.deck-card__subtitle--arabic{font-family:Amiri,Traditional Arabic,serif;font-size:1.125rem;color:var(--accent-dim);direction:rtl;text-align:left;unicode-bidi:plaintext;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.deck-card__meta{font-size:.875rem;color:var(--text-secondary)}.deck-grid__tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;justify-content:center}.deck-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;width:100%;max-width:960px}@media(max-width:820px){.deck-grid__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.deck-grid__grid{grid-template-columns:1fr}}.deck-list__header{text-align:center}.deck-list__logo{display:block;margin:-1.5rem auto -2.5rem}.deck-list__logo--dark,html.dark .deck-list__logo--light{display:none}html.dark .deck-list__logo--dark{display:block;margin:-1.5rem auto -2.5rem}@media(prefers-color-scheme:dark){html:not(.light) .deck-list__logo--light{display:none}html:not(.light) .deck-list__logo--dark{display:block;margin:-1.5rem auto -2.5rem}}@media(max-width:500px){.deck-list__logo{width:220px!important;height:220px!important}}.text--heading{font-size:1.5rem;color:var(--accent)}.text--subheading{font-size:1.25rem;color:var(--accent);margin-bottom:.75rem}.text--body{font-size:1rem;color:var(--text);line-height:1.5}.text--secondary{font-size:.875rem;color:var(--text-secondary)}.text--hint{font-size:.875rem;color:var(--text-secondary);opacity:.6}.text--arabic-display{font-family:Amiri,Traditional Arabic,Scheherazade New,serif;font-size:3rem;direction:rtl;color:var(--text);line-height:1.4}.text--arabic-subtitle{font-family:Amiri,Traditional Arabic,serif;font-size:1.5rem;direction:rtl;color:var(--text-secondary)}.text--english-display{font-size:1.25rem;color:var(--text);text-align:center}@media(max-width:500px){.text--arabic-display{font-size:2.2rem}}.flashcard-container{width:min(440px,88vw);height:270px;margin-bottom:1.375rem;cursor:pointer;touch-action:pan-y}.flashcard{width:100%;height:100%;position:relative}.flashcard__face{position:absolute;width:100%;height:100%;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.75rem 1.5rem;border:1px solid var(--border);background:var(--card-bg)}.flashcard__face{z-index:0;visibility:hidden;pointer-events:none}.flashcard__face--active{z-index:1;visibility:visible;pointer-events:auto}.flashcard__face--learning{background:var(--tint-learning)}.flashcard__face--known{background:var(--tint-known)}#frontTransliteration,#frontFrequency,#backFrequency{margin-top:.75rem}.flashcard__corner-btn{position:absolute;top:.5rem;z-index:1;pointer-events:auto}.flashcard__corner-btn--left{left:.5rem}.flashcard__corner-btn--right{right:.5rem}.flashcard__side-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1;pointer-events:auto}.flashcard__side-btn--left{left:.25rem}.flashcard__side-btn--right{right:.25rem}@media(max-width:500px){.flashcard-container{height:240px}.flashcard__side-btn{width:32px;height:32px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-overlay>.card--default{max-width:360px;width:90%;text-align:center;flex-direction:column;padding:1.75rem 1.5rem}.modal__actions{display:flex;gap:.625rem;justify-content:center;margin-top:1.25rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.875rem;z-index:200;animation:toast-in .3s ease,toast-out .3s ease 2.5s forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.deck-study__header{text-align:center;margin-bottom:.75rem}#cardCounter{margin-bottom:1rem;text-align:center}.deck-study__controls{display:flex;gap:.625rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.deck-study__controls select{padding:.5rem 2rem .5rem 1rem;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C5647' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.deck-study__controls select:hover{border-color:var(--border-hover)}.deck-study__filter-group{display:flex;align-items:center;position:relative}.deck-study__filter-group select{padding-left:2rem}.deck-study__filter-info{position:absolute;left:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;z-index:1;opacity:.5}.deck-study__filter-info:hover{color:var(--primary);opacity:1}.deck-study__filter-info svg{width:16px;height:16px}.deck-study__filter-info--hidden{display:none}.deck-study__stats{display:flex;gap:1rem;margin-bottom:.875rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap;justify-content:center}.deck-study__stats span{display:flex;align-items:center;gap:.375rem}.deck-study__dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.deck-study__dot--unseen{background:var(--text-secondary)}.deck-study__dot--learning{background:var(--warning)}.deck-study__dot--known{background:var(--success)}.deck-study__actions{display:flex;gap:.75rem;margin-bottom:1.125rem;justify-content:center}.deck-study__actions [data-mark=unseen]{background:var(--error);color:#fff;border-color:var(--error);font-weight:600}.deck-study__actions [data-mark=learning]{background:var(--warning);color:#fff;border-color:var(--warning);font-weight:600}.deck-study__actions [data-mark=known]{background:var(--success);color:#fff;border-color:var(--success);font-weight:600}.deck-study__actions [data-mark]:hover{opacity:.85}#deckMasteryBar{width:100%}#hintMobile{display:none}@media(max-width:820px){#hintDesktop{display:none}#hintMobile{display:block}}.settings__header{text-align:center;margin-bottom:1.5rem}.settings__title{font-size:1.25rem;color:var(--accent)}.settings__section{width:100%;max-width:480px;margin:0 auto 1.5rem}.settings__section-title{font-size:1rem;color:var(--accent);margin-bottom:.75rem}.settings__file-input{display:none}.onboarding__steps{text-align:left}.onboarding__step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.onboarding__step:last-child{margin-bottom:.5rem}.onboarding__icon{flex-shrink:0;color:var(--primary);width:24px;height:24px}.onboarding__icon svg{width:24px;height:24px}.btn--fixed-theme{width:5.5rem;justify-content:center}