@layer components{.train-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=900px){.train-grid{grid-template-columns:minmax(0,1fr)}}.train-feedback{background:var(--vz-surface-2);border-radius:16px;gap:4px;padding:14px 16px;display:grid}.train-feedback[data-kind=right]{background:var(--vz-mint-soft)}.train-feedback[data-kind=right] svg{color:var(--vz-mint)}.train-feedback[data-kind=wrong]{background:var(--vz-berry-soft)}.train-feedback[data-kind=wrong] svg{color:var(--vz-berry)}.train-feedback svg{flex:none;width:22px;height:22px}.train-grades{flex-wrap:wrap;gap:10px;display:flex}.train-grades .vz-button{min-width:92px;height:auto;padding-block:8px}.train-grade{justify-items:center;gap:3px;display:grid}.train-interval{font:600 12px/1 var(--vz-font-mono);opacity:.78}.train-card-list{display:grid}.train-card-list li{border-top:1px solid var(--vz-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.train-card-list li:first-child{border-top:0}.puzzle-board{border-radius:16px}.puzzle-board[data-celebrate]{animation:puzzle-mate .7s var(--vz-ease-out)}.puzzle-board[data-wrong]{animation:.32s ease-out puzzle-miss}@keyframes puzzle-mate{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--vz-mint) 55%, transparent);transform:scale(1)}35%{box-shadow:0 0 0 14px color-mix(in srgb, var(--vz-mint) 18%, transparent);transform:scale(1.012)}to{transform:scale(1);box-shadow:0 0 0 22px #0000}}@keyframes puzzle-miss{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.puzzle-board[data-celebrate],.puzzle-board[data-wrong]{animation:none}}.puzzle-line{font:600 15px/1.5 var(--vz-font-body);font-variant-numeric:tabular-nums}.puzzle-meter{background:var(--vz-surface-2);border-radius:99px;height:8px;overflow:hidden}.puzzle-meter span{border-radius:inherit;background:var(--vz-mint);height:100%;transition:width var(--vz-duration-base) var(--vz-ease-out);display:block}.puzzle-dots{flex-wrap:wrap;gap:6px;display:flex}.puzzle-dot{border:1.5px solid var(--vz-line-strong);background:var(--vz-surface);width:32px;height:32px;color:var(--vz-ink-2);font:700 12px var(--vz-font-body);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:10px;place-items:center;display:grid}.puzzle-dot:hover{border-color:var(--vz-ink-3);color:var(--vz-ink)}.puzzle-dot[data-solved]{background:var(--vz-mint-soft);color:var(--vz-ink);border-color:#0000}.puzzle-dot[data-clean]{background:var(--vz-mint);color:var(--vz-on-mint)}.puzzle-dot[aria-current=true]{border:2px solid var(--vz-ink);box-shadow:var(--vz-lift-1)}.rating-change{font:700 13px/1.5 var(--vz-font-body);font-variant-numeric:tabular-nums;background:var(--vz-surface);color:var(--vz-ink);border-radius:99px;padding:1px 8px}.rating-change[data-direction=up]:before{content:"▲ ";vertical-align:1px;color:var(--vz-mint);font-size:9px}.rating-change[data-direction=down]:before{content:"▼ ";vertical-align:1px;color:var(--vz-berry);font-size:9px}.session-results{border-top:1px solid var(--vz-line);flex-wrap:wrap;gap:5px;padding-top:12px;display:flex}.session-results li{background:var(--vz-berry);border-radius:4px;width:12px;height:12px}.session-results li[data-clean]{background:var(--vz-mint)}.theme-popover{width:min(560px,100vw - 32px);max-height:min(70vh,560px);overflow-y:auto}.theme-group-title{font:700 12px/1.4 var(--vz-font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--vz-ink-2)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 8px;display:grid}.theme-option{min-height:36px;color:var(--vz-ink);font:500 14px/1.3 var(--vz-font-body);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.theme-option:hover{background:var(--vz-surface-2)}.theme-option[aria-pressed=true]{background:var(--vz-accent-soft);font-weight:700}.theme-option svg,.theme-option-space{flex:none;width:16px;height:16px}.setup{gap:16px;display:grid}.setup-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.setup-options-tight{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.setup-options-row{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=520px){.setup-options-row{grid-template-columns:minmax(0,1fr)}}.setup-option{border:1.5px solid var(--vz-line-strong);background:var(--vz-surface);color:var(--vz-ink);text-align:left;cursor:pointer;transition:border-color var(--vz-duration-fast) var(--vz-ease-out), transform var(--vz-duration-fast) var(--vz-ease-out);border-radius:16px;gap:4px;padding:14px 16px;display:grid}.setup-option strong{font:700 16px/1.3 var(--vz-font-body)}.setup-option span{color:var(--vz-ink-2);font-size:14px}.setup-option:hover{border-color:var(--vz-ink-3)}.setup-option[aria-pressed=true]{border:2px solid var(--vz-ink);background:var(--vz-accent-soft);box-shadow:var(--vz-lift-1);transform:translateY(-1px)}@media (width<=520px){.setup-options{gap:8px}.setup-option{border-radius:14px;gap:2px;padding:10px 14px}.setup-option strong{font-size:15px}.setup-option span{font-size:13px}}@media (prefers-reduced-motion:reduce){.setup-option{transition:none}.setup-option[aria-pressed=true]{transform:none}}.train-stage[data-focus]{z-index:70;padding:14px 20px calc(20px + env(safe-area-inset-bottom));background:var(--vz-paper);animation:vz-fade-in var(--vz-duration-base) var(--vz-ease-out);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"bar""main";align-content:start;gap:14px;display:grid;position:fixed;inset:0;overflow-y:auto}.train-stage[data-focus]>:not(.focus-bar){grid-area:main}.train-stage[data-focus] .train-grid{grid-template-columns:minmax(0,min(100%,100dvh - 140px)) minmax(300px,420px);justify-content:center}@media (width<=900px){.train-stage[data-focus] .train-grid{grid-template-columns:minmax(0,1fr)}}}