:root{--ttt-primary:#6366f1;--ttt-primary-light:#6366f11a;--ttt-primary-hover:#4f46e5;--ttt-success:#10b981;--ttt-success-light:#10b9811a;--ttt-danger:#ef4444;--ttt-danger-light:#ef44441a;--ttt-warning:#f59e0b;--ttt-warning-light:#f59e0b1a;--ttt-text:#1e293b;--ttt-text-secondary:#475569;--ttt-text-muted:#64748b;--ttt-bg:#fff;--ttt-bg-secondary:#f8fafc;--ttt-border:#e2e8f0;--ttt-border-hover:#cbd5e1;--ttt-shadow:0 1px 3px #00000014;--ttt-shadow-md:0 4px 12px #00000014;--ttt-radius:var(--main-radius,8px);--ttt-radius-lg:var(--main-radius-lg,12px);--ttt-radius-full:9999px}._ttt-container{max-width:800px;margin:0 auto}._ttt-hidden{display:none!important}._ttt-tabs{background:var(--ttt-bg);border-radius:var(--ttt-radius-lg);box-shadow:var(--ttt-shadow);border-style:solid;border-width:1px;border-color:var(--ttt-border);gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}._ttt-tab{color:var(--ttt-text-muted);border-radius:var(--ttt-radius);cursor:pointer;background:0 0;border:0 solid #0000;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:500;transition:color .2s,background .2s;display:flex}._ttt-tab:hover{color:var(--ttt-text-secondary);background:var(--ttt-bg-secondary)}._ttt-tab--active{background:var(--ttt-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._ttt-tab--active:hover{background:var(--ttt-primary);color:#fff}._ttt-tab svg{flex-shrink:0;width:16px;height:16px}._ttt-panel{animation:.25s tttFadeIn;display:none}._ttt-panel--active{display:block}@keyframes tttFadeIn{0%{opacity:0}to{opacity:1}}._ttt-btn{border-radius:var(--ttt-radius);cursor:pointer;border:0 solid #0000;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .2s,box-shadow .2s;display:inline-flex}._ttt-btn:hover{opacity:.9}._ttt-btn svg{width:16px;height:16px}._ttt-btn--primary{background:var(--ttt-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._ttt-btn--secondary{background:var(--ttt-bg);color:var(--ttt-text-secondary);border-style:solid;border-width:1px;border-color:var(--ttt-border)}._ttt-btn--secondary:hover{border-color:var(--ttt-border-hover)}._ttt-btn--sm{padding:.5rem .875rem;font-size:.8125rem}._ttt-setup-label{color:var(--ttt-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8125rem;font-weight:600}._ttt-table-chips{flex-wrap:wrap;gap:.375rem;min-height:2.25rem;margin-bottom:1.25rem;display:flex}._ttt-chip{border-radius:var(--ttt-radius-full);border-style:solid;border-width:1px;border-color:var(--ttt-border);background:var(--ttt-bg);min-width:2.5rem;color:var(--ttt-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:inline-flex}._ttt-chip:hover{border-color:var(--ttt-primary);color:var(--ttt-primary)}._ttt-chip--active{background:var(--ttt-primary);border-color:var(--ttt-primary);color:#fff}._ttt-chip--active:hover{background:var(--ttt-primary-hover);border-color:var(--ttt-primary-hover);color:#fff}._ttt-question-card{background:var(--ttt-bg);border-radius:var(--ttt-radius-lg);text-align:center;box-shadow:var(--ttt-shadow-md);border-style:solid;border-width:1px;border-color:var(--ttt-border);margin-bottom:1rem;padding:2rem}._ttt-question-text{color:var(--ttt-text);font-size:2.5rem;font-weight:700;font-family:var(--main-font-mono);margin-bottom:1.5rem}._ttt-answer-row{justify-content:center;align-items:center;gap:.75rem;display:flex}._ttt-btn--submit{border-radius:var(--ttt-radius);min-width:2.75rem;min-height:2.75rem;padding:.75rem}._ttt-answer-input{text-align:center;border-style:solid;border-width:2px;border-color:var(--ttt-border);border-radius:var(--ttt-radius);background:var(--ttt-bg-secondary);width:120px;color:var(--ttt-text);font-size:1.5rem;font-weight:600;font-family:var(--main-font-mono);-moz-appearance:textfield;outline:none;padding:.75rem 1rem}._ttt-answer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._ttt-answer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._ttt-answer-input:focus{border-color:var(--ttt-primary);box-shadow:0 0 0 3px #6366f126}._ttt-answer-input--correct{border-color:var(--ttt-success);background:var(--ttt-success-light);box-shadow:0 0 0 3px #10b98126}._ttt-answer-input--wrong{border-color:var(--ttt-danger);background:var(--ttt-danger-light);box-shadow:0 0 0 3px #ef444426}._ttt-feedback{text-align:left;min-width:100px;font-size:.875rem;font-weight:600}._ttt-feedback--correct{color:var(--ttt-success)}._ttt-feedback--wrong{color:var(--ttt-danger)}._ttt-quiz-options{gap:1.5rem;margin-bottom:1.25rem;display:flex}._ttt-option-group{flex:1}._ttt-option-label{color:var(--ttt-text-secondary);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}._ttt-option-chips{flex-wrap:wrap;gap:.375rem;display:flex}._ttt-stat{color:var(--ttt-text-secondary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}._ttt-stat-icon{color:var(--ttt-warning);display:flex}._ttt-stat-label{color:var(--ttt-text-muted);font-weight:500}@media (max-width:768px){._ttt-container{padding-left:1rem;padding-right:1rem}._ttt-tab span{display:none}._ttt-tab{padding:.625rem}._ttt-tab svg{width:18px;height:18px}._ttt-question-text{font-size:2rem}._ttt-quiz-options{flex-direction:column;gap:1rem}}._ttt-ref-controls{justify-content:flex-end;margin-bottom:.75rem;display:flex}._ttt-ref-table-wrap{border-radius:var(--ttt-radius-lg);box-shadow:var(--ttt-shadow);border-style:solid;border-width:1px;border-color:var(--ttt-border);overflow-x:auto}._ttt-ref-table{border-collapse:collapse;background:var(--ttt-bg);width:100%;font-family:var(--main-font-mono);table-layout:fixed}._ttt-ref-corner{background:var(--ttt-primary);color:#fff;width:3rem;font-size:1rem}._ttt-ref-header{background:var(--ttt-primary);color:#fff;text-align:center;white-space:nowrap;padding:.5rem .25rem;font-size:.8125rem;font-weight:700}._ttt-ref-cell{text-align:center;color:var(--ttt-text);cursor:pointer;border-style:solid;border-width:1px;border-color:var(--ttt-border);padding:.5rem .25rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}._ttt-ref-cell:hover{background:var(--ttt-primary-light)}._ttt-ref-cell--highlight{background:var(--ttt-primary-light);color:var(--ttt-primary);font-weight:700}._ttt-ref-cell--active{background:var(--ttt-primary);color:#fff;font-weight:700}._ttt-ref-cell--hidden{color:#0000}._ttt-ref-cell--hidden:hover{color:var(--ttt-primary)}._ttt-ref-header--highlight{background:var(--ttt-primary-hover)}@media (max-width:480px){._ttt-ref-cell,._ttt-ref-header{padding:.375rem .125rem;font-size:.6875rem}._ttt-ref-corner{width:2rem}}._ttt-practice-setup{background:var(--ttt-bg);border-radius:var(--ttt-radius-lg);box-shadow:var(--ttt-shadow);border-style:solid;border-width:1px;border-color:var(--ttt-border);text-align:center;padding:1.5rem}._ttt-practice-stats{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}._ttt-practice-area{text-align:center}@media (max-width:768px){._ttt-practice-setup{padding:1rem}}._ttt-quiz-setup{background:var(--ttt-bg);border-radius:var(--ttt-radius-lg);box-shadow:var(--ttt-shadow);border-style:solid;border-width:1px;border-color:var(--ttt-border);text-align:center;padding:1.5rem}._ttt-quiz-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}._ttt-quiz-progress{color:var(--ttt-text-secondary);font-size:.875rem;font-weight:600}._ttt-quiz-timer{color:var(--ttt-text);font-size:1.25rem;font-weight:700;font-family:var(--main-font-mono)}._ttt-quiz-timer--warning{color:var(--ttt-danger)}._ttt-timer-bar{background:var(--ttt-border);border-radius:var(--ttt-radius-full);height:4px;margin-bottom:1.25rem;overflow:hidden}._ttt-timer-bar-fill{background:var(--ttt-primary);border-radius:var(--ttt-radius-full);width:100%;height:100%;transition:width 1s linear}._ttt-timer-bar-fill--warning{background:var(--ttt-danger)}._ttt-quiz-result{background:var(--ttt-bg);border-radius:var(--ttt-radius-lg);text-align:center;box-shadow:var(--ttt-shadow-md);border-style:solid;border-width:1px;border-color:var(--ttt-border);padding:2rem}._ttt-result-score{color:var(--ttt-primary);margin-bottom:.5rem;font-size:3rem;font-weight:800}._ttt-result-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.25rem;display:flex}._ttt-result-stat-item{text-align:center}._ttt-result-stat-value{color:var(--ttt-text);font-size:1.25rem;font-weight:700;display:block}._ttt-result-stat-label{color:var(--ttt-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}._ttt-result-wrong{margin-bottom:1.25rem}._ttt-wrong-list{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}._ttt-wrong-item{background:var(--ttt-danger-light);color:var(--ttt-danger);border-radius:var(--ttt-radius-full);font-size:.8125rem;font-weight:500;font-family:var(--main-font-mono);align-items:center;gap:.25rem;padding:.25rem .625rem;display:inline-flex}._ttt-result-best{background:var(--ttt-warning-light);color:#b45309;border-radius:var(--ttt-radius-full);align-items:center;gap:.25rem;margin-bottom:1rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}._ttt-result-actions{justify-content:center;gap:.75rem;display:flex}@media (max-width:768px){._ttt-quiz-setup{padding:1rem}._ttt-quiz-result{padding:1.5rem}._ttt-result-score{font-size:2.5rem}}._ttt-progress-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}._ttt-progress-stat-card{background:var(--ttt-bg);border-radius:var(--ttt-radius-lg);text-align:center;box-shadow:var(--ttt-shadow);border-style:solid;border-width:1px;border-color:var(--ttt-border);padding:1rem}._ttt-progress-stat-value{color:var(--ttt-primary);font-size:1.5rem;font-weight:800}._ttt-progress-stat-label{color:var(--ttt-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem;font-size:.75rem}._ttt-mastery-wrap{border-radius:var(--ttt-radius-lg);box-shadow:var(--ttt-shadow);border-style:solid;border-width:1px;border-color:var(--ttt-border);min-height:340px;margin-bottom:1rem;overflow-x:auto}._ttt-mastery-table{border-collapse:collapse;background:var(--ttt-bg);table-layout:fixed;width:100%}._ttt-mastery-header{background:var(--ttt-bg-secondary);color:var(--ttt-text-secondary);text-align:center;padding:.5rem .25rem;font-size:.75rem;font-weight:700}._ttt-mastery-row-header{background:var(--ttt-bg-secondary);color:var(--ttt-text-secondary);text-align:center;width:2.5rem;padding:.5rem .25rem;font-size:.75rem;font-weight:700}._ttt-mastery-cell{text-align:center;border-style:solid;border-width:1px;border-color:var(--ttt-border);padding:.375rem}._ttt-mastery-dot{border-radius:var(--ttt-radius-full);color:#0000;width:1.5rem;height:1.5rem;font-size:.625rem;font-weight:700;line-height:1.5rem;transition:background .3s;display:inline-block}._ttt-mastery-dot:hover{color:inherit}._ttt-mastery-dot--new{background:var(--ttt-border)}._ttt-mastery-dot--learning{background:var(--ttt-warning);color:#fff}._ttt-mastery-dot--mastered{background:var(--ttt-success);color:#fff}._ttt-mastery-legend{justify-content:center;gap:1.25rem;margin-bottom:1rem;display:flex}._ttt-legend-item{color:var(--ttt-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._ttt-legend-dot{border-radius:var(--ttt-radius-full);width:.75rem;height:.75rem}._ttt-legend-dot--new{background:var(--ttt-border)}._ttt-legend-dot--learning{background:var(--ttt-warning)}._ttt-legend-dot--mastered{background:var(--ttt-success)}._ttt-progress-actions{text-align:center}@media (max-width:480px){._ttt-progress-stats{grid-template-columns:1fr}._ttt-mastery-dot{width:1.125rem;height:1.125rem;font-size:.5rem;line-height:1.125rem}._ttt-mastery-legend{flex-direction:column;align-items:center;gap:.5rem}}