.training-page{display:flex;flex-direction:column;gap:var(--sp-5);-webkit-user-select:none;user-select:none}.training-title{font-family:var(--font-heading);font-style:italic;font-size:var(--text-3xl);color:var(--gold-light);letter-spacing:-.02em;line-height:1;margin:0;text-align:center}.training-subtitle{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:0;letter-spacing:.12em;text-transform:uppercase}.training-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap}@media (max-width:767px),(pointer:coarse){.layout.nav-hidden .training-page.animate-fade-in{animation:none}.layout.nav-hidden .training-header{padding-left:calc(44px + var(--sp-3) + env(safe-area-inset-left) + var(--sp-2));min-height:44px}.layout.nav-hidden .back-btn{position:fixed;top:calc(var(--sp-3) + env(safe-area-inset-top));left:calc(var(--sp-3) + env(safe-area-inset-left));z-index:var(--z-nav);background:var(--bg-deep)}}.training-level{font-size:var(--text-sm);color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.12em}.session-header-titles{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;flex:1 1 auto}.session-header-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);color:var(--gold)}.session-header-level,.session-header-name{font-weight:600;text-transform:uppercase;letter-spacing:.12em}.session-header-level{font-size:var(--text-xs);color:var(--text-muted)}.session-header-level-sep{padding:0 var(--sp-1)}.session-header-level-name{text-transform:none;letter-spacing:0}.session-level-line{display:flex;align-items:baseline;min-width:0;overflow:hidden}.session-level-line .session-header-level-label,.session-level-line .session-header-level-sep{flex:0 0 auto;white-space:nowrap}.session-level-line .session-header-level-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-header-meta{display:flex;align-items:center;gap:.5em}.training-header .streak-counter{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}@media (max-width:767px),(pointer:coarse){.training-header{align-items:flex-start;flex-wrap:nowrap}}.back-btn{background:none;border:1px solid var(--border-accent);border-radius:var(--radius-sm);color:var(--gold);font-size:var(--text-lg);cursor:pointer;padding:var(--sp-2) var(--sp-3);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.back-btn svg{width:20px;height:20px;stroke-width:1.9}.settings-btn{background:none;border:1px solid var(--border-accent-medium);border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;padding:var(--sp-2) var(--sp-3);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.settings-btn:hover{color:var(--gold);border-color:var(--border-accent-vivid)}.settings-btn:disabled{opacity:.4;cursor:not-allowed}.settings-btn-icon{display:inline-flex}.settings-btn-icon svg{width:20px;height:20px;stroke-width:1.75}.question-transition{animation:questionIn .3s ease}@keyframes questionIn{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.question-area{text-align:center;padding:var(--sp-6) 0}.question-text{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--sp-5)}.choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.choices-grid.exploring .btn-choice{opacity:.5}.feedback-sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);display:flex;align-items:center;gap:var(--sp-3);min-height:80px;padding:var(--sp-4) max(var(--sp-4),calc((100vw - var(--layout-max)) / 2 + var(--sp-4)));padding-bottom:calc(var(--bottom-nav-height) + var(--sp-4));border:0;border-top:2px solid transparent;background:var(--bg-elevated);box-shadow:0 -8px 24px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base)}.feedback-sheet.active{opacity:1;visibility:visible;transform:translateY(0)}.feedback-sheet.correct{border-top-color:var(--success);background:linear-gradient(90deg,var(--success-glow),transparent 45%),var(--bg-elevated)}.feedback-sheet.wrong{border-top-color:var(--error);background:linear-gradient(90deg,var(--error-glow),transparent 45%),var(--bg-elevated)}.feedback-sheet .btn{min-height:44px}@media (min-width:768px) and (pointer:fine),(min-width:768px) and (pointer:none){.layout-main:has(.feedback-sheet.active){padding-bottom:calc(var(--bottom-nav-height) + 96px)}.feedback-sheet{left:50%;right:auto;bottom:calc(var(--bottom-nav-height) + var(--sp-4));width:min(calc(100vw - var(--sp-8)),var(--layout-max));min-height:80px;padding:var(--sp-4);border-top-width:1px;border:1px solid var(--border-accent);border-top:2px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translate(-50%,10px)}.feedback-sheet.active{transform:translate(-50%)}.feedback-sheet .btn{min-width:128px;min-height:48px;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-md);font-size:var(--text-base)}}@media (max-width:767px),(pointer:coarse){.feedback-sheet{bottom:0;max-width:var(--layout-max);margin:0 auto;min-height:0;padding:var(--sp-4);padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);opacity:1;visibility:visible;transform:translateY(100%);transition:transform var(--transition-base);z-index:var(--z-nav)}.feedback-sheet.active{transform:translateY(0)}}.feedback-sheet-icon{flex-shrink:0;font-size:var(--text-xl);font-weight:700}.feedback-sheet-icon svg{display:block;width:22px;height:22px;stroke-width:2.4}.feedback-sheet.correct .feedback-sheet-icon{color:var(--success)}.feedback-sheet.wrong .feedback-sheet-icon{color:var(--error)}.feedback-sheet-text{flex:1 1;min-width:0;font-size:var(--text-base);line-height:1.4;color:var(--text-primary)}.feedback-sheet-text strong{color:var(--gold)}.feedback-sheet-subtitle{display:block;margin-top:2px;font-size:var(--text-xs);color:var(--text-muted)}.results-card{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);padding:var(--sp-8)}@media (max-width:600px){.results-card,.results-page{gap:var(--sp-4)}.results-card{padding:var(--sp-6)}}.results-msg{font-size:var(--text-base);color:var(--text-secondary);margin:0}.results-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;align-items:stretch;margin-top:var(--sp-3)}.results-actions a.btn{text-decoration:none}@media (max-width:600px){.results-actions--inline{flex-wrap:nowrap;gap:var(--sp-2)}.results-actions--inline>.btn{flex:1 1;min-width:0;padding-left:var(--sp-2);padding-right:var(--sp-2);font-size:var(--text-sm)}.results-actions--inline .btn-sublabel{display:none}}.btn-stacked{flex-direction:column;gap:0}.btn-sublabel{display:block;font-size:var(--text-xs);font-weight:400;opacity:.8}.results-decision{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3)}.results-decision .results-actions{margin-top:0}.results-level-position,.results-next-label{text-align:center;margin:0}.results-level-position{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.results-next-label{display:none;font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width:600px){.results-next-label{display:block}}.results-utility-actions{width:100%;max-width:320px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2) var(--sp-5)}.results-level-link{background:none;border:none;padding:var(--sp-1);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}.results-level-link:hover{color:var(--gold)}.results-feedback-link{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin:0}.results-feedback-link a{color:var(--gold);text-decoration:none}.results-feedback-link a:hover{text-decoration:underline}@media (hover:hover) and (pointer:fine){.results-feedback-link{display:none}}.speed-hud{display:flex;align-items:baseline;justify-content:center;gap:var(--sp-4);margin-bottom:var(--sp-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.speed-score{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.speed-score-unit{font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em}.speed-score-unit,.speed-timer{color:var(--text-muted);font-weight:600}.speed-timer{font-family:var(--font-heading);font-size:var(--text-lg)}.speed-timer.urgent{color:var(--error)}.streak-counter{display:inline-flex;align-items:center;gap:.25em;font-size:var(--text-sm);color:var(--gold);font-weight:600;white-space:nowrap}.streak-counter.streak-hidden{visibility:hidden}.streak-counter.hot{animation:glow 2s infinite}.streak-icon{width:14px;height:14px;stroke-width:2.25;flex-shrink:0;vertical-align:-.15em}@keyframes glow{50%{filter:drop-shadow(0 0 8px var(--gold))}}.focus-badge{font-size:var(--text-xs);color:var(--gold);border:1px solid var(--border-accent-strong);border-radius:var(--radius-pill,999px);padding:2px 8px}.focus-areas{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center}.focus-section{text-align:center}.focus-section-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--sp-2)}.best-streak{font-size:var(--text-sm);color:var(--gold);margin:0}.share-section{display:contents}.share-icon-trigger{border:none;background:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-1);font-family:var(--font-body);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.share-icon-trigger:hover{color:var(--gold)}.share-icon-dropdown{flex:0 0 100%;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:var(--sp-4);margin-top:var(--sp-2);box-shadow:var(--shadow-lg);box-sizing:border-box}.share-social{gap:var(--sp-3)}.share-icon-btn,.share-social{display:flex;justify-content:center}.share-icon-btn{width:36px;height:36px;border:1px solid var(--border-accent);border-radius:var(--radius-md);background:none;color:var(--gold-dim);cursor:pointer;align-items:center;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.share-icon-btn:hover{color:var(--gold);background:var(--bg-accent-subtle);border-color:var(--border-accent-strong)}.share-icon-btn:active{background:var(--bg-accent)}.share-icon-btn.copied{color:var(--success);border-color:rgba(74,158,110,.4)}.share-download-link{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 0;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.share-download-link:hover{color:var(--gold)}