:root{--teal:#0f4d4a;--teal-light:#0f4d4a14;--teal-mid:#0f4d4a2e;--coral:#ff6b6b;--coral-light:#ff6b6b1f;--cream:#f8f6f0;--sage:#a8b9a6;--muted:#6b8f8b;--text:var(--teal);--text-secondary:var(--muted);--bg:var(--cream);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--font-arm:"Noto Sans Armenian", "Noto Serif Armenian", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.app{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:0 16px;display:flex}.arm{font-family:var(--font-arm)}.text-secondary{color:var(--text-secondary);font-size:14px}.phrasebook{box-sizing:border-box;width:100%;min-height:100vh;padding-right:48px;display:flex}.phrasebook__sidebar{background:var(--cream);border-right:1px solid #0f4d4a1a;flex-direction:column;flex-shrink:0;gap:4px;width:300px;height:100vh;padding:32px 20px 48px;display:flex;position:sticky;top:0;overflow-y:auto}.phrasebook__logo{width:100%;max-width:160px;height:auto;margin-bottom:20px}.phrasebook__logo--main{max-width:180px;margin-bottom:28px;display:block}.phrasebook__cats{flex-direction:column;gap:4px;display:flex}.phrasebook__cats .category-chip{text-align:left;justify-content:flex-start;width:100%}.phrasebook__review-btn{margin-top:12px;font-size:13px}.phrasebook__main{flex-direction:column;flex:1;min-width:0;padding:32px 32px 64px;display:flex}.phrasebook__hero{flex-direction:column;align-items:center;width:100%;padding-top:18vh;padding-bottom:24px;display:flex}.phrasebook__search{border:1px solid var(--sage);border-radius:var(--radius-sm);width:100%;max-width:600px;color:var(--teal);box-sizing:border-box;background:#fff;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:16px;display:block}.phrasebook__search:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #0f4d4a14}.phrasebook__count{margin:0 0 12px;font-size:13px}.phrasebook__tagline{color:var(--teal);text-align:center;margin:0 0 8px;font-size:20px;font-weight:600}.phrasebook__subtitle{color:var(--muted);text-align:center;max-width:480px;margin:0 0 24px;font-size:13px;line-height:1.5}.phrasebook__not-found{color:var(--muted);text-align:center;margin:0 0 16px;font-size:14px;font-style:italic}.phrasebook__hint{margin:0;font-size:14px}.support-block{border-radius:var(--radius-md);background:#0f4d4a0a;border:1px solid #0f4d4a14;margin-top:40px;padding:24px}.support-block__text{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.6}.support-block__btn{margin:0 auto;font-size:14px;display:block}.phrasebook__footer{text-align:center;margin-top:48px;padding:24px 0 32px}.phrasebook__support-link{color:var(--muted);cursor:pointer;text-underline-offset:3px;opacity:.6;background:0 0;border:none;font-family:inherit;font-size:13px;text-decoration:underline}.phrasebook__support-link:hover{opacity:1}.support-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.support-modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:360px;padding:32px 28px 28px;position:relative}.support-modal__close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:14px;right:16px}.support-modal__title{color:var(--teal);margin-bottom:8px;font-size:18px;font-weight:600}.support-modal__heart{color:var(--teal)}.support-modal__subtitle{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.5}.support-modal__field{margin-bottom:16px}.support-modal__field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600}.support-modal__field-row{align-items:center;gap:10px;display:flex}.support-modal__field-value{color:var(--teal);letter-spacing:.04em;flex:1;font-size:16px;font-weight:500}.support-modal__copy-btn{border-radius:var(--radius-sm);color:var(--teal);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0f4d4a40;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .12s}.support-modal__copy-btn:hover{background:var(--teal-light)}.phrasebook__list{flex-direction:column;gap:4px;display:flex}.phrase-card{border-radius:var(--radius-sm);background:#fff;border:1px solid #0f4d4a1a;padding:10px 14px}.phrase-card__ru{color:var(--teal);font-size:15px;line-height:1.4}.phrase-card__ru:first-letter,.editor-card__ru:first-letter{text-transform:uppercase}.phrase-card__hy{color:var(--muted);margin-top:2px;font-size:15px;line-height:1.4}.phrase-card__transcription{color:var(--muted-teal);opacity:.8;margin-top:2px;font-size:12px}.home-right-panel{z-index:100;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.submit-phrase-form{background:#fff;border-radius:12px 0 0 12px;flex-direction:column;gap:10px;width:240px;padding:16px 16px 16px 20px;display:flex;box-shadow:-2px 0 16px #0f4d4a1a}.submit-phrase-form__title{color:var(--teal);font-size:13px;font-weight:600}.submit-phrase-form__input{border:1px solid var(--sage);border-radius:var(--radius-sm);width:100%;color:var(--teal);resize:none;background:var(--cream);padding:8px 10px;font-family:inherit;font-size:14px}.submit-phrase-form__input:focus{border-color:var(--teal);outline:none}.submit-phrase-form__btn{align-self:flex-start;padding:8px 14px;font-size:13px}.submit-phrase-form__msg{margin:0;font-size:12px}.submit-phrase-form__msg--ok{color:var(--teal)}.submit-phrase-form__msg--err{color:var(--coral)}.phrasebook__learning-btn{writing-mode:vertical-rl;background:var(--teal);color:#fff;cursor:pointer;letter-spacing:.05em;border:none;border-radius:8px 0 0 8px;padding:24px 14px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.phrasebook__learning-btn:hover{background:#0a3a38}@media (width<=720px){.phrasebook{flex-direction:column;padding-bottom:140px;padding-right:0}.phrasebook__main{padding:16px}.phrasebook__hero{padding-top:6vh}.home-right-panel{flex-direction:column-reverse;align-items:stretch;gap:0;position:fixed;inset:auto 0 0;transform:none}.submit-phrase-form{border-radius:0;width:100%;box-shadow:0 -2px 12px #0f4d4a1a}.phrasebook__learning-btn{writing-mode:horizontal-tb;text-align:center;border-radius:0;padding:16px}}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;min-height:56px;padding:16px 24px;font-size:16px;font-weight:500;line-height:1;transition:opacity .15s,background .15s;display:flex}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--teal);color:#fff}.btn--primary:not(:disabled):hover{opacity:.88}.btn--accent{background:var(--coral);color:#fff}.btn--accent:not(:disabled):hover{opacity:.88}.btn--outline{color:var(--teal);border:1.5px solid var(--teal);background:#fff}.btn--outline:not(:disabled):hover{background:var(--teal-light)}.btn--ghost{color:var(--text-secondary);background:0 0;min-height:44px;padding:12px 16px;font-size:14px}.btn--ghost:not(:disabled):hover{color:var(--teal)}.setup{flex-direction:column;flex:1;gap:32px;padding:32px 0 24px;display:flex}.setup__back{align-self:flex-start}.setup__title{font-size:22px;font-weight:600}.setup__section{flex-direction:column;gap:10px;display:flex}.setup__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:500}.setup__toggle-group{gap:8px;display:flex}.toggle-btn{border-radius:var(--radius-sm);color:var(--teal);text-align:center;background:#fff;border:1.5px solid #0f4d4a33;flex:1;padding:12px 8px;font-size:14px;font-weight:500;line-height:1.3;transition:background .15s,border-color .15s,color .15s}.toggle-btn--active{background:var(--teal);color:#fff;border-color:var(--teal)}.toggle-btn:not(.toggle-btn--active):hover{background:var(--teal-light);border-color:var(--teal)}.category-grid{flex-wrap:wrap;gap:8px;display:flex}.category-chip{color:var(--teal);background:#fff;border:1.5px solid #0f4d4a33;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:400;transition:background .15s,border-color .15s,color .15s}.category-chip--active{background:var(--teal);color:#fff;border-color:var(--teal)}.category-chip--all{font-weight:500}.category-chip:hover:not(.category-chip--active){background:var(--teal-light);border-color:var(--teal)}.setup__info{color:var(--text-secondary);font-size:13px}.setup__start-btn{align-self:flex-start;margin-top:8px}.question-screen{flex-direction:column;flex:1;gap:0;padding:20px 0 24px;display:flex}.question-screen__meta{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.question-screen__progress{color:var(--text-secondary);font-size:14px;font-weight:500}.question-screen__mode{color:var(--text-secondary);background:var(--teal-light);border-radius:99px;padding:4px 10px;font-size:12px}.question-screen__finish-btn{color:var(--text-secondary);padding:4px 12px;font-size:13px}.question-screen__category{color:var(--text-secondary);text-transform:capitalize;margin-bottom:12px;font-size:13px}.question-screen__prompt{color:var(--teal);margin-bottom:32px;font-size:22px;font-weight:500;line-height:1.35}.question-screen__prompt--arm{font-family:var(--font-arm);font-size:24px}.question-screen__prompt-transcription{font-family:var(--font-main);color:var(--muted-teal);margin-top:4px;font-size:13px;font-weight:400;display:block}.question-screen__options{flex-direction:column;gap:10px;display:flex}.question-screen__feedback{border-radius:var(--radius-md);flex-direction:column;gap:6px;margin-top:24px;padding:16px;display:flex}.question-screen__feedback--correct{background:var(--teal-light);border:1px solid #0f4d4a33}.question-screen__feedback--wrong{background:var(--coral-light);border:1px solid #ff6b6b40}.question-screen__feedback-label{font-size:13px;font-weight:500}.question-screen__feedback--correct .question-screen__feedback-label{color:var(--teal)}.question-screen__feedback--wrong .question-screen__feedback-label{color:var(--coral)}.question-screen__transcription{color:var(--text-secondary);font-size:15px;font-style:italic}.question-screen__footer{margin-top:24px}.answer-option{border-radius:var(--radius-md);text-align:left;width:100%;color:var(--teal);background:#fff;border:1.5px solid #0f4d4a33;min-height:56px;padding:16px 20px;font-size:15px;font-weight:400;line-height:1.4;transition:background .12s,border-color .12s,opacity .12s}.answer-option--arm{font-family:var(--font-arm);font-size:16px}.answer-option__transcription{font-family:var(--font-main);opacity:.65;margin-top:2px;font-size:11px;font-weight:400;line-height:1.3;display:block}.answer-option:not(:disabled):not(.answer-option--correct):not(.answer-option--wrong):not(.answer-option--revealed):hover{background:var(--teal-light);border-color:var(--teal)}.answer-option--selected{background:var(--teal-light);border-color:var(--teal);font-weight:500}.answer-option--correct{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:500}.answer-option--wrong{background:var(--coral);border-color:var(--coral);color:#fff}.answer-option--revealed{border-color:var(--teal);color:var(--teal);background:#fff;border-width:2px;font-weight:500}.answer-option--neutral{opacity:.45}.progress-bar{background:#0f4d4a1f;border-radius:99px;height:3px;margin-bottom:20px;overflow:hidden}.progress-bar__fill{background:var(--teal);border-radius:99px;height:100%;transition:width .3s}.results{flex-direction:column;flex:1;gap:24px;padding:32px 0 24px;display:flex}.results__score{text-align:center;border-radius:var(--radius-lg);background:#fff;border:1px solid #0f4d4a1f;padding:28px 20px}.results__score-number{color:var(--teal);font-size:48px;font-weight:600;line-height:1}.results__score-label{color:var(--text-secondary);margin-top:8px;font-size:14px}.results__section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:500}.results__categories{border-radius:var(--radius-md);background:#0f4d4a14;flex-direction:column;gap:1px;display:flex;overflow:hidden}.results__category-row{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.results__category-name{color:var(--teal);text-transform:capitalize}.results__category-score{color:var(--teal);font-weight:500}.results__mistakes{flex-direction:column;gap:10px;display:flex}.results__mistake{border-radius:var(--radius-md);background:#fff;border:1px solid #0f4d4a1a;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.results__mistake-prompt{color:var(--teal);font-size:14px;font-weight:500}.results__mistake-prompt--arm{font-family:var(--font-arm)}.results__mistake-row{align-items:baseline;gap:8px;font-size:13px;display:flex}.results__mistake-tag{text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;font-size:11px;font-weight:500}.results__mistake-tag--wrong{color:var(--coral)}.results__mistake-tag--correct{color:var(--teal)}.results__mistake-text{color:var(--text)}.results__mistake-text--arm{font-family:var(--font-arm)}.results__actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.option-row{display:contents}.option-row--review{align-items:stretch;gap:6px;display:flex}.option-row--review .answer-option{flex:1}.flag-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1.5px solid #6b8f8b4d;flex-shrink:0;font-size:14px;line-height:1;transition:color .12s,border-color .12s,background .12s}.flag-btn:hover{color:var(--coral);border-color:var(--coral)}.flag-btn--active{color:var(--coral);border-color:var(--coral);background:var(--coral-light)}.flag-btn--option{justify-content:center;align-items:center;width:40px;min-height:56px;padding:0;display:flex}.home__review-btn{color:var(--muted);border-radius:var(--radius-md);border:1px dashed #6b8f8b66}.home__review-btn:hover{color:var(--teal);border-color:var(--teal)}.review-screen{flex-direction:column;flex:1;gap:24px;padding:20px 0 32px;display:flex}.review-screen__header{flex-direction:column;gap:12px;display:flex}.review-screen__title{color:var(--teal);font-size:22px;font-weight:600}.review-screen__export{font-size:14px}.review-screen__export--done{border-color:var(--teal);color:var(--teal)}.review-screen__saved-notice{color:var(--teal);margin-left:auto;font-size:13px}.review-screen__empty{text-align:center;color:var(--text);flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.review-screen__list{flex-direction:column;gap:16px;display:flex}.review-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #0f4d4a1f;flex-direction:column;gap:14px;padding:16px;display:flex}.review-card__header{align-items:baseline;gap:10px;display:flex}.review-card__id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.review-card__cat{text-transform:capitalize;font-size:12px}.review-card__fields{flex-direction:column;gap:12px;display:flex}.review-card__field{flex-direction:column;gap:4px;display:flex}.review-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.review-card__changed{letter-spacing:.3px;color:var(--coral);text-transform:uppercase;background:var(--coral-light);border-radius:99px;padding:1px 6px;font-size:10px;font-weight:500}.review-card__original{color:var(--text-secondary);padding:4px 0;font-size:12px;font-style:italic}.review-card__input{color:var(--teal);background:var(--cream);border-radius:var(--radius-sm);resize:vertical;border:1.5px solid #0f4d4a26;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;line-height:1.45;transition:border-color .12s}.review-card__input--arm{font-family:var(--font-arm)}.review-card__input:focus{border-color:var(--teal);outline:none}.review-card__actions{align-items:center;gap:10px;display:flex}.review-card__save{flex:1;min-height:44px;font-size:14px}.app--loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:16px;display:flex}.editor-screen{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;padding:24px 16px 48px;display:flex}.editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-header h2{color:var(--teal);font-size:20px;font-weight:700}.editor-header__tools{align-items:center;gap:8px;display:flex}.editor-header__tools .btn--outline{min-height:30px;padding:4px 10px;font-size:12px}.editor-fix-result{color:var(--teal);white-space:nowrap;font-size:12px}.editor-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor-filter-select,.editor-filter-search{border:1px solid var(--sage);border-radius:var(--radius-sm);color:var(--teal);background:#fff;min-height:40px;padding:8px 12px;font-family:inherit;font-size:14px}.editor-filter-select:focus,.editor-filter-search:focus{border-color:var(--teal);outline:none}.editor-filter-search{flex:1;min-width:140px}.editor-filter-checkbox{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.editor-count{color:var(--muted);font-size:13px}.editor-list{flex-direction:column;gap:12px;display:flex}.editor-card{border-radius:var(--radius-md);background:#fff;border:1px solid #e0ddd6;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.editor-card--reviewed{opacity:.65;border-color:var(--sage)}.editor-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-card__id{color:var(--muted);font-family:monospace;font-size:11px}.editor-card__cat{background:var(--sage);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.editor-card__reviewed{color:var(--muted);font-size:11px}.editor-card__untranslated{color:var(--coral);font-size:11px;font-weight:500}.editor-card__ru{color:var(--teal);font-size:15px;line-height:1.4}.editor-card__hy{font-family:var(--font-arm);color:var(--teal);font-size:15px;line-height:1.4}.editor-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editor-card__btn-verify{color:var(--muted)}.editor-card__btn-delete{color:var(--coral);font-size:13px}.editor-card__textarea{width:100%;color:var(--teal);border:1px solid var(--sage);border-radius:var(--radius-sm);resize:vertical;padding:8px 10px;font-family:inherit;font-size:14px;line-height:1.5}.editor-card__textarea.arm{font-family:var(--font-arm)}.editor-card__textarea:focus{border-color:var(--teal);outline:none}.login-gate{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.login-gate h2{color:var(--teal);font-size:20px;font-weight:700}.login-gate form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.login-gate__error{color:var(--coral);text-align:center;font-size:13px}
