*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f1ea;--color-surface:#fffdf9;--color-surface-subtle:#f0ece5;--color-text:#221e1b;--color-text-muted:#6f675f;--color-text-soft:#8b837b;--color-border:#d8d1c8;--color-border-strong:#bdb4aa;--color-accent:#24535a;--color-accent-hover:#193f45;--color-accent-soft:#e5eeec;--color-success:#187a45;--color-success-bg:#eef9f2;--color-success-border:#65c98a;--color-danger:#b32d32;--color-danger-bg:#fff0f0;--color-danger-border:#ef777a;--color-learning:#7a4a1e;--r:4px;color:var(--color-text);background:var(--color-bg);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}body{min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}:lang(hy){font-family:Arial,Helvetica,sans-serif}.menu-container,.mode-container{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:720px;margin:0 auto;padding:1.25rem 1rem;display:flex}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-brand{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.app-logo{flex-shrink:0;width:auto;height:50px}.app-title-block{min-width:0}.app-title{font-size:1.25rem;font-weight:800;line-height:1.2}.app-descriptor{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.1rem;font-size:.72rem;line-height:1.3;overflow:hidden}.lang-switch{border:1px solid var(--color-border);border-radius:var(--r);flex-shrink:0;display:flex;overflow:hidden}.btn-lang{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:.2rem .55rem;font-size:.8rem;line-height:1.4}.btn-lang.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.progress-block{flex-direction:column;gap:.5rem;display:flex}.progress-learned{color:var(--color-text);font-size:1rem;font-weight:600}.progress-bar-track{background:var(--color-surface-subtle);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .4s}.progress-detail{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;font-size:.82rem;display:flex}.detail-weak{color:var(--color-danger)}.detail-progress{color:var(--color-learning)}.detail-new{color:var(--color-text-muted)}.menu-intro{color:var(--color-text-muted);font-size:.82rem;line-height:1.6}.menu-intro p{margin:0 0 .6em}.menu-intro p:last-child{margin-bottom:0}.citex-accent{color:var(--color-accent);font-weight:600}.mode-cards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=480px){.mode-cards{grid-template-columns:1fr}}.mode-card{border-radius:var(--r);cursor:pointer;text-align:left;border:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem;transition:border-color .15s,background .15s;display:flex}.mode-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mode-card--practice{background:var(--color-accent-soft);border-color:#0000}.mode-card--practice:hover{border-color:var(--color-accent)}.mode-card--exam:hover{border-color:var(--color-text-muted)}.mode-card-body{flex-direction:column;flex:1;gap:.2rem;display:flex}.mode-card-title{color:var(--color-text);font-size:.95rem;font-weight:600}.mode-card-desc{color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.mode-card-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.2rem;line-height:1}.session-bar{align-items:center;gap:.75rem;display:flex}.session-count{color:var(--color-text-muted);flex:1;font-size:.82rem}.exam-timer{font-variant-numeric:tabular-nums;color:var(--color-text-muted);letter-spacing:.02em;font-size:.82rem}.exam-timer--over{color:var(--color-danger);font-weight:600}.exam-progress-bar{background:var(--color-surface-subtle);border-radius:2px;flex:2;height:4px;overflow:hidden}.exam-progress-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .2s}.btn-text{cursor:pointer;color:var(--color-text-muted);border-radius:var(--r);white-space:nowrap;background:0 0;border:none;padding:.25rem .5rem;font-size:.82rem}.btn-text:hover{background:var(--color-surface-subtle);color:var(--color-text)}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.question-text{font-size:1.15rem;font-weight:600;line-height:1.55}.answer-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.btn-answer{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--r);cursor:pointer;text-align:left;width:100%;color:var(--color-text);justify-content:space-between;align-items:center;padding:.65rem .875rem;font-size:.975rem;line-height:1.45;transition:border-color .1s,background .1s;display:flex}.btn-answer:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.btn-answer:disabled{cursor:default}.btn-answer.answer-selected{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.btn-answer.answer-correct{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success);font-weight:600}.btn-answer.answer-wrong{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.answer-mark{flex-shrink:0;margin-left:.5rem;font-style:normal}.feedback-section{flex-direction:column;gap:.75rem;display:flex}.feedback-inline{border-radius:var(--r);border:1px solid;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;display:flex}.feedback-inline-correct{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.feedback-inline-incorrect{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.feedback-correct-label{font-size:.82rem;font-weight:400}.feedback-correct-text{font-weight:700}.review-section{border-top:1px solid var(--color-border);flex-direction:column;gap:.3rem;padding-top:.5rem;display:flex}.review-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.review-answer-text{color:var(--color-success);margin-bottom:.25rem;font-size:.975rem;font-weight:600}.assist{flex-direction:column;gap:.35rem;display:flex}.assist-controls{flex-wrap:wrap;gap:.35rem;display:flex}.assist-btn{border:1px solid var(--color-border);border-radius:var(--r);cursor:pointer;color:var(--color-text-muted);white-space:nowrap;background:0 0;padding:.2rem .55rem;font-size:.78rem;transition:background .1s,border-color .1s}.assist-btn:hover{background:var(--color-surface-subtle);border-color:var(--color-text-muted);color:var(--color-text)}.assist-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.assist-content{background:var(--color-surface-subtle);border-radius:var(--r);border-left:2px solid var(--color-border);flex-direction:column;gap:.25rem;padding:.5rem .65rem;display:flex}.assist-row{color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.875rem;display:flex}.assist-tag{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.72rem;font-weight:700}.assist-note{font-size:.82rem;font-style:italic}.btn-next{background:var(--color-accent);color:#fff;border-radius:var(--r);cursor:pointer;border:none;width:100%;padding:.65rem 1rem;font-size:.95rem;font-weight:600;transition:background .15s}.btn-next:hover{background:var(--color-accent-hover)}.btn-next:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:default}.btn-secondary-action{background:var(--color-surface);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text);border-radius:var(--r);cursor:pointer;padding:.6rem 1rem;font-size:.95rem;font-weight:500;transition:background .1s,border-color .1s}.btn-secondary-action:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.result-title{font-size:1.1rem;font-weight:700}.result-verdict{text-align:center;border-radius:var(--r);padding:.65rem;font-size:1.5rem;font-weight:700}.verdict-passed{background:var(--color-success-bg);color:var(--color-success)}.verdict-failed{background:var(--color-danger-bg);color:var(--color-danger)}.result-stats{flex-direction:column;gap:.4rem;display:flex}.result-stat{background:var(--color-bg);border-radius:var(--r);justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.9rem;display:flex}.result-stat strong{font-size:1rem}.result-stat-correct{background:var(--color-success-bg);color:var(--color-success)}.result-stat-incorrect{background:var(--color-danger-bg);color:var(--color-danger)}.result-passing-note{color:var(--color-text-muted);text-align:center;font-size:.82rem}.result-actions{flex-direction:column;gap:.5rem;display:flex}.review-list{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;margin-top:.25rem;padding-top:1rem;display:flex}.review-item{border:1px solid var(--color-border);border-radius:var(--r);flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.review-correct{border-color:var(--color-success-border)}.review-wrong{border-color:var(--color-danger-border)}.review-unanswered{border-color:var(--color-border);opacity:.8}.review-question{font-size:.9rem;font-weight:600}.review-correct-answer{color:var(--color-success);font-size:.875rem;font-weight:600}.review-selected-answer{color:var(--color-danger);font-size:.875rem}.review-unanswered-label{color:var(--color-text-muted,#888);font-size:.875rem;font-style:italic}.confirm-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r);flex-direction:column;gap:.75rem;padding:1rem;font-size:.9rem;display:flex}.confirm-actions{flex-direction:column;gap:.4rem;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);padding:2rem 0;font-size:1rem}.assist-constitution{padding:.25rem 0}.const-viewer{color:var(--color-text);font-size:.87rem;line-height:1.55}.const-lang-tabs{gap:4px;margin-bottom:.5rem;display:flex}.const-lang-tab{border:1px solid var(--color-border);border-radius:var(--r);cursor:pointer;color:var(--color-text-muted);background:0 0;padding:.15rem .5rem;font-size:.74rem;transition:background .1s}.const-lang-tab.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.const-article{margin-bottom:.75rem}.const-article-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.82rem;font-weight:700}.const-part-ref{text-transform:none;letter-spacing:0;font-weight:400}.const-article-title{color:var(--color-text-muted);margin-bottom:.35rem;font-size:.85rem;font-style:italic}.const-part{gap:.4rem;margin-bottom:.3rem;padding:.2rem 0;display:flex}.const-part-highlight{background:var(--color-accent-soft);border-left:3px solid var(--color-accent);border-radius:0 var(--r) var(--r) 0;padding-left:.5rem}.const-part-num{color:var(--color-text-muted);flex-shrink:0;min-width:1.2em;padding-top:.1em;font-size:.75rem}.const-point{gap:.4rem;margin-bottom:.2rem;padding-left:1.2rem;font-size:.85rem;display:flex}.const-point-num{color:var(--color-text-muted);flex-shrink:0;min-width:1.8em}.const-missing,.const-text-missing{color:var(--color-text-soft);font-style:italic}.const-merged-note{color:var(--color-text-muted);font-size:.83rem;font-style:italic}.const-show-full-btn{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.83rem;font-style:normal;text-decoration:underline}.const-loading,.const-error{color:var(--color-text-muted);padding:.25rem 0;font-size:.82rem}.answer-item{flex-direction:column;display:flex}.answer-text{flex:1}.inline-assist{flex-direction:column;gap:.1rem;padding:.25rem .875rem .1rem;display:flex}.inline-assist-row{font-size:.83rem;line-height:1.45}.inline-assist-translit{color:var(--color-text-muted);font-style:italic}.inline-assist-translation{color:var(--color-text-muted)}.practice-divider{border:none;border-top:1px solid var(--color-border);margin:0 -1.25rem}.feedback-result{font-size:.9rem;font-weight:700}.feedback-result-correct{color:var(--color-success)}.feedback-result-incorrect{color:var(--color-danger)}.const-section{flex-direction:column;gap:.5rem;display:flex}.const-section-heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.const-section-note{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.session-forecast{color:var(--color-text-muted);border-top:1px solid var(--color-border);flex-direction:column;gap:.35rem;margin-top:.25rem;padding-top:.75rem;font-size:.85rem;line-height:1.5;display:flex}.session-forecast-time{color:var(--color-text);font-weight:600}.session-forecast-estimate{color:var(--color-text-muted)}.const-ref-row{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.4rem 0;display:flex}.const-ref-label{color:var(--color-text-muted);flex:1;font-size:.85rem}.const-ref-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:.85rem;transition:transform .1s}.const-ref-row:hover .const-ref-label,.const-ref-row:hover .const-ref-arrow{color:var(--color-accent)}.drawer-backdrop{z-index:200;background:#00000059;display:none;position:fixed;inset:0}.const-drawer{background:var(--color-surface);border-left:1px solid var(--color-border);z-index:201;flex-direction:column;width:min(520px,100vw);height:100dvh;animation:.2s drawer-in;display:flex;position:fixed;top:0;right:0;overflow:hidden}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.const-drawer.closing{animation:.2s forwards drawer-out}.drawer-backdrop.closing{animation:.2s forwards backdrop-out}.const-drawer-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.const-drawer-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.const-drawer-close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--r);background:0 0;border:none;padding:.2rem .45rem;font-size:1.3rem;line-height:1}.const-drawer-close:hover{background:var(--color-surface-subtle);color:var(--color-text)}.const-drawer-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.readiness-pass-prob{color:var(--color-text);font-size:1rem;font-weight:700}.readiness-ready{color:var(--color-success);font-size:1rem;font-weight:700}.practice-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.practice-toolbar-left{color:var(--color-text-muted);flex:1;min-width:0;font-size:.82rem}.practice-toolbar-assist{flex-wrap:wrap;gap:.35rem;display:flex}@media (width<=520px){.practice-toolbar-left{flex-basis:calc(100% - 6rem)}.practice-toolbar-finish{white-space:nowrap}.practice-toolbar-assist{flex-basis:100%;order:3}.practice-toolbar-lang{order:2;margin-left:auto}}.report-widget{z-index:300;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.report-hint{writing-mode:vertical-rl;text-orientation:mixed;color:var(--color-text-soft);pointer-events:none;-webkit-user-select:none;user-select:none;padding:.4rem .2rem;font-size:.68rem;line-height:1.3;transform:rotate(180deg)}.report-btn{writing-mode:vertical-rl;text-orientation:mixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 var(--r) var(--r) 0;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-left:none;padding:.6rem .35rem;font-size:.75rem;transition:background .15s,color .15s,border-color .15s;transform:rotate(180deg);box-shadow:2px 0 6px #00000014}.report-btn:hover:not(:disabled){background:var(--color-surface-subtle);border-color:var(--color-border-strong);color:var(--color-text)}.report-btn:disabled{opacity:.4;cursor:default}.report-widget--done .report-btn{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.report-widget--error .report-btn{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}@media (width<=520px){.report-widget{top:auto;bottom:5rem;transform:none}.report-hint{display:none}}@media (width<=420px){.question-text{font-size:1.05rem}.btn-answer{font-size:.925rem}.app-title{font-size:1rem}}