:root{--ast-primary:var(--main-primary);--ast-primary-rgb:var(--main-primary-rgb);--ast-success:var(--main-success);--ast-success-rgb:var(--main-success-rgb);--ast-error:var(--main-error);--ast-error-rgb:var(--main-error-rgb);--ast-warning:var(--main-warning);--ast-text:#1e293b;--ast-text-secondary:#475569;--ast-text-muted:#64748b;--ast-bg:#fff;--ast-bg-secondary:#f8fafc;--ast-bg-hover:#f1f5f9;--ast-border:#e2e8f0;--ast-border-light:#f1f5f9;--ast-shadow-sm:0 1px 3px #00000014;--ast-shadow:0 4px 12px #0000001a}._ast-container{max-width:800px;margin:0 auto}._ast-tabs{gap:var(--main-space-1);margin-bottom:var(--main-space-5);background:var(--ast-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-1);box-shadow:var(--ast-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ast-border);display:flex}._ast-tab{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);min-height:40px;color:var(--ast-text-muted);font-size:var(--main-text-sm);border-radius:var(--main-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex:1;font-weight:500;transition:color .2s,background-color .2s;display:flex}._ast-tab svg{width:16px;height:16px;display:flex}._ast-tab:hover{color:var(--ast-text);background:var(--ast-bg-hover)}._ast-tab--active{background:var(--ast-primary);color:#fff}._ast-tab--active:hover{background:var(--ast-primary);color:#fff;opacity:.9}._ast-panel{display:none}._ast-panel--active{display:block}._ast-panel--animate{animation:.25s astFadeIn}@keyframes astFadeIn{0%{opacity:0}to{opacity:1}}._ast-controls{justify-content:space-between;align-items:center;gap:var(--main-space-3);margin-bottom:var(--main-space-4);flex-wrap:wrap;display:flex}._ast-filter-chips{gap:var(--main-space-1);flex-wrap:wrap;display:flex}._ast-chip{align-items:center;gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-3);border-radius:var(--main-radius-full);min-height:32px;font-size:var(--main-text-xs);border-style:solid;border-width:1px;border-color:var(--ast-border);background:var(--ast-bg);color:var(--ast-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-weight:500;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}._ast-chip svg{width:14px;height:14px;display:flex}._ast-chip:hover{color:var(--ast-text);border-color:var(--ast-text-muted)}._ast-chip--active{background:rgba(var(--ast-primary-rgb), .1);color:var(--ast-primary);border-color:rgba(var(--ast-primary-rgb), .3)}._ast-chip--active:hover{background:rgba(var(--ast-primary-rgb), .15);color:var(--ast-primary)}._ast-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);border-radius:var(--main-radius);min-height:40px;font-size:var(--main-text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;font-weight:500;transition:opacity .2s,box-shadow .2s;display:inline-flex}._ast-btn svg{width:16px;height:16px;display:flex}._ast-btn--primary{background:var(--ast-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--ast-primary-rgb), .25)}._ast-btn--primary:hover{opacity:.9}._ast-btn--secondary{background:var(--ast-bg);color:var(--ast-text-secondary);border-style:solid;border-width:1px;border-color:var(--ast-border)}._ast-btn--secondary:hover{color:var(--ast-text);border-color:var(--ast-text-muted)}._ast-btn--sm{padding:var(--main-space-2) var(--main-space-3);min-height:32px;font-size:var(--main-text-xs)}._ast-badge{padding:var(--main-space-1) var(--main-space-2);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);align-items:center;font-weight:500;display:inline-flex}._ast-badge--connector{background:rgba(var(--ast-success-rgb), .1);color:var(--ast-success)}._ast-badge--non-connector{background:rgba(var(--ast-error-rgb), .1);color:var(--ast-error)}._ast-hidden{display:none!important}@media (max-width:768px){._ast-container{padding-left:1rem;padding-right:1rem}._ast-tabs{margin-bottom:var(--main-space-4)}._ast-controls{flex-direction:column;align-items:stretch}._ast-filter-chips{justify-content:center}#_ast-toggle-translit{align-self:center}}@media (max-width:480px){._ast-container{padding-left:var(--main-space-3);padding-right:var(--main-space-3)}._ast-tab span{font-size:var(--main-text-xs)}}._ast-chart-grid{gap:var(--main-space-4);flex-direction:column;display:flex}._ast-chart-group-label{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-xs);color:var(--ast-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--main-space-2);font-weight:600;display:flex}._ast-chart-group-label svg{width:14px;height:14px;display:flex}._ast-chart-group-grid{gap:var(--main-space-2);grid-template-columns:repeat(7,1fr);display:grid}._ast-letter-cell{justify-content:center;align-items:center;gap:var(--main-space-1);padding:var(--main-space-3) var(--main-space-2);background:var(--ast-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ast-border);min-height:72px;box-shadow:var(--ast-shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex}._ast-letter-cell:hover{border-color:var(--ast-primary);box-shadow:0 2px 8px rgba(var(--ast-primary-rgb), .15)}._ast-letter-cell--active{border-color:var(--ast-primary);box-shadow:0 0 0 2px rgba(var(--ast-primary-rgb), .2)}._ast-letter-cell--non-connector{border-style:dashed}._ast-letter-char{color:var(--ast-text);direction:rtl;font-size:2rem;line-height:1.2}._ast-letter-translit{font-size:var(--main-text-xs);color:var(--ast-text-muted);transition:opacity .2s}._ast-letter-translit--hidden{opacity:0}@media (max-width:640px){._ast-chart-group-grid{gap:var(--main-space-2);grid-template-columns:repeat(4,1fr)}._ast-letter-cell{padding:var(--main-space-2) var(--main-space-1);min-height:64px}._ast-letter-char{font-size:1.6rem}}@media (max-width:360px){._ast-chart-group-grid{gap:var(--main-space-1);grid-template-columns:repeat(3,1fr)}._ast-letter-cell{min-height:60px}._ast-letter-char{font-size:1.5rem}}@media (min-width:641px) and (max-width:768px){._ast-chart-group-grid{gap:var(--main-space-1);grid-template-columns:repeat(7,1fr)}._ast-letter-char{font-size:1.75rem}}._ast-detail{margin-top:var(--main-space-4);background:var(--ast-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ast-border);box-shadow:var(--ast-shadow);padding:var(--main-space-5);position:relative}._ast-detail-close{top:var(--main-space-3);right:var(--main-space-3);background:var(--ast-bg-hover);width:36px;height:36px;color:var(--ast-text-muted);border-radius:var(--main-radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex;position:absolute}._ast-detail-close svg{width:16px;height:16px;display:flex}._ast-detail-close:hover{color:var(--ast-text);background:var(--ast-border)}._ast-detail-header{align-items:center;gap:var(--main-space-4);margin-bottom:var(--main-space-5);display:flex}._ast-detail-char{color:var(--ast-primary);text-align:center;min-width:80px;font-size:4rem;line-height:1}._ast-detail-info{gap:var(--main-space-1);flex-direction:column;display:flex}._ast-detail-name{font-size:var(--main-text-lg);color:var(--ast-text);font-weight:600}._ast-detail-translit{font-size:var(--main-text-sm);color:var(--ast-text-secondary);font-style:italic}._ast-detail-sound{font-size:var(--main-text-xs);color:var(--ast-text-muted);font-family:var(--main-font-mono)}._ast-detail-forms{gap:var(--main-space-3);margin-bottom:var(--main-space-4);grid-template-columns:repeat(4,1fr);display:grid}._ast-form-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3);background:var(--ast-bg-secondary);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--ast-border-light);flex-direction:column;display:flex}._ast-form-label{font-size:var(--main-text-xs);color:var(--ast-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}._ast-form-char{color:var(--ast-text);direction:rtl;justify-content:center;align-items:center;min-height:2.75rem;font-size:2.25rem;line-height:1.2;display:flex}._ast-detail-footer{justify-content:space-between;align-items:center;gap:var(--main-space-3);display:flex}@media (max-width:480px){._ast-detail{padding:var(--main-space-4);padding-top:var(--main-space-5)}._ast-detail-close{top:var(--main-space-2);right:var(--main-space-2)}._ast-detail-header{gap:var(--main-space-3);padding-right:var(--main-space-5)}._ast-detail-char{min-width:60px;font-size:3rem}._ast-detail-name{font-size:var(--main-text-base);word-break:break-word}._ast-detail-forms{gap:var(--main-space-2);grid-template-columns:repeat(2,1fr)}._ast-form-char{font-size:1.75rem}}._ast-quiz-setup{background:var(--ast-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ast-border);box-shadow:var(--ast-shadow-sm);padding:var(--main-space-5)}._ast-setup-section{margin-bottom:var(--main-space-4)}._ast-setup-section:last-of-type{margin-bottom:var(--main-space-5)}._ast-setup-label{font-size:var(--main-text-sm);color:var(--ast-text);margin-bottom:var(--main-space-2);font-weight:600}._ast-option-chips{gap:var(--main-space-2);flex-wrap:wrap;display:flex}#_ast-quiz-start{width:100%}._ast-quiz-area{background:var(--ast-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ast-border);box-shadow:var(--ast-shadow-sm);padding:var(--main-space-5)}._ast-quiz-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._ast-quiz-progress{font-size:var(--main-text-sm);color:var(--ast-text-muted);font-weight:500}._ast-quiz-score{align-items:center;gap:var(--main-space-1);font-size:var(--main-text-sm);font-weight:600;display:flex}._ast-score-correct{color:var(--ast-success)}._ast-score-wrong{color:var(--ast-error)}._ast-score-sep{color:var(--ast-text-muted)}._ast-progress-bar{background:var(--ast-bg-hover);border-radius:var(--main-radius-full);height:4px;margin-bottom:var(--main-space-5);overflow:hidden}._ast-progress-bar-fill{background:var(--ast-primary);border-radius:var(--main-radius-full);width:0%;height:100%;transition:width .3s}._ast-quiz-card{text-align:center}._ast-quiz-question{color:var(--ast-text);margin-bottom:var(--main-space-2);justify-content:center;align-items:center;min-height:5rem;font-size:4rem;line-height:1.2;display:flex}._ast-quiz-subtitle{font-size:var(--main-text-sm);color:var(--ast-text-muted);margin-bottom:var(--main-space-4);min-height:1.25rem}._ast-quiz-choices{gap:var(--main-space-2);grid-template-columns:repeat(2,1fr);max-width:500px;margin:0 auto;display:grid}._ast-choice-btn{padding:var(--main-space-3) var(--main-space-4);background:var(--ast-bg);border-style:solid;border-width:2px;border-color:var(--ast-border);border-radius:var(--main-radius);min-height:48px;font-size:var(--main-text-base);color:var(--ast-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;direction:rtl;font-weight:500;transition:border-color .2s,background-color .2s}._ast-choice-btn:hover{border-color:var(--ast-primary);background:rgba(var(--ast-primary-rgb), .05)}._ast-choice-btn--correct{border-color:var(--ast-success);background:rgba(var(--ast-success-rgb), .1);color:var(--ast-success)}._ast-choice-btn--wrong{border-color:var(--ast-error);background:rgba(var(--ast-error-rgb), .1);color:var(--ast-error)}._ast-choice-btn--disabled{pointer-events:none;opacity:.5}._ast-choice-btn--disabled._ast-choice-btn--correct,._ast-choice-btn--disabled._ast-choice-btn--wrong{opacity:1}._ast-choice-btn--ltr{direction:ltr}._ast-quiz-feedback{margin-top:var(--main-space-3);padding:var(--main-space-2) var(--main-space-3);border-radius:var(--main-radius);font-size:var(--main-text-sm);justify-content:center;align-items:center;gap:var(--main-space-2);font-weight:500;display:flex}._ast-quiz-feedback svg{width:16px;height:16px;display:flex}._ast-quiz-feedback--correct{background:rgba(var(--ast-success-rgb), .1);color:var(--ast-success)}._ast-quiz-feedback--wrong{background:rgba(var(--ast-error-rgb), .1);color:var(--ast-error)}._ast-quiz-result{background:var(--ast-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--ast-border);box-shadow:var(--ast-shadow-sm);padding:var(--main-space-6);text-align:center}._ast-result-score{margin-bottom:var(--main-space-2);font-size:3rem;font-weight:700}._ast-result-score--great{color:var(--ast-success)}._ast-result-score--good{color:var(--ast-primary)}._ast-result-score--poor{color:var(--ast-error)}._ast-result-stats{font-size:var(--main-text-sm);color:var(--ast-text-muted);margin-bottom:var(--main-space-5)}._ast-result-wrong-list{text-align:left;margin-bottom:var(--main-space-5)}._ast-result-wrong-title{font-size:var(--main-text-sm);color:var(--ast-text);margin-bottom:var(--main-space-2);font-weight:600}._ast-result-wrong-item{padding:var(--main-space-2) var(--main-space-3);background:rgba(var(--ast-error-rgb), .05);border-radius:var(--main-radius);margin-bottom:var(--main-space-1);font-size:var(--main-text-sm);justify-content:space-between;align-items:center;display:flex}._ast-result-wrong-letter{font-size:var(--main-text-lg);color:var(--ast-text);direction:rtl}._ast-result-wrong-answer{color:var(--ast-error);font-weight:500}._ast-result-wrong-correct{color:var(--ast-success);font-weight:500}._ast-result-actions{justify-content:center;display:flex}@media (max-width:480px){._ast-quiz-question{min-height:4rem;font-size:3rem}._ast-quiz-choices{grid-template-columns:1fr}._ast-quiz-setup,._ast-quiz-area,._ast-quiz-result{padding:var(--main-space-4)}._ast-result-score{font-size:2.5rem}._ast-result-wrong-item{gap:var(--main-space-1);flex-wrap:wrap}._ast-result-wrong-letter{font-size:var(--main-text-base)}}@media (max-width:360px){._ast-quiz-question{min-height:3.5rem;font-size:2.5rem}._ast-quiz-setup,._ast-quiz-area,._ast-quiz-result{padding:var(--main-space-3)}._ast-option-chips{gap:var(--main-space-1)}}