body{background:var(--trainer-bg);min-height:100vh;color:var(--trainer-text);font-family:var(--font-sans);transition:background var(--transition-base), color var(--transition-base)}:root{--trainer-bg:#f8fafc;--trainer-surface:#fff;--trainer-text:#0f172a;--trainer-muted:#64748b;--trainer-border:#e2e8f0}body.dark{--trainer-bg:#0a0f1a;--trainer-surface:#0f172ab8;--trainer-text:#e2e8f0;--trainer-muted:#94a3b8;--trainer-border:#ffffff1a}.trainer-page{max-width:1400px;min-height:100vh;padding:120px var(--spacing-6) var(--spacing-12);margin:0 auto}.browser-heading{justify-content:space-between;align-items:flex-end;gap:var(--spacing-6);margin-bottom:var(--spacing-8);display:flex}.trainer-eyebrow,.task-breadcrumb{margin:0 0 var(--spacing-2);color:var(--color-brand-500);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:1px;text-transform:uppercase}.browser-heading h1{margin:0 0 var(--spacing-3);color:var(--trainer-text);font-size:clamp(2.25rem,5vw,3.5rem)}.browser-heading p:last-child{color:var(--trainer-muted);margin:0}.task-count{color:var(--trainer-muted);font-size:var(--font-size-sm)}.browser-filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:minmax(260px,2fr) repeat(4,1fr);display:grid}.trainer-search span,.select-filter span{margin-bottom:var(--spacing-2);color:var(--trainer-muted);font-size:var(--font-size-xs);display:block}.trainer-search input,.select-filter select{border:1px solid var(--trainer-border);border-radius:var(--radius-md);background:var(--trainer-surface);width:100%;min-height:42px;color:var(--trainer-text);font:inherit;outline:none;padding:9px 12px}.trainer-search input:focus,.select-filter select:focus{border-color:var(--color-brand-500)}.task-table-wrapper{border:1px solid var(--trainer-border);border-radius:var(--radius-xl);background:var(--trainer-surface);overflow-x:auto}.task-table{border-collapse:collapse;text-align:left;width:100%}.task-table th,.task-table td{padding:var(--spacing-4);border-bottom:1px solid var(--trainer-border);color:var(--trainer-text);vertical-align:middle}.task-table th{color:var(--trainer-muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.task-table tbody tr:last-child td{border-bottom:0}.task-table tbody tr:hover,.task-table tbody tr.is-active{background:#3b82f60f}.task-excerpt{max-width:600px;color:var(--trainer-muted);font-size:var(--font-size-sm);margin-top:5px;display:block}.task-table code{color:var(--color-brand-600);font-family:var(--font-mono);font-size:var(--font-size-xs)}.task-status{color:var(--trainer-muted);font-size:var(--font-size-sm)}.difficulty-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;padding:4px 8px;font-weight:600;display:inline-block}.difficulty-easy{color:#059669;background:#10b9811f}.difficulty-medium{color:#b45309;background:#f59e0b26}.difficulty-hard{color:#dc2626;background:#ef44441f}body.dark .difficulty-easy{color:#6ee7b7}body.dark .difficulty-medium{color:#fcd34d}body.dark .difficulty-hard{color:#fca5a5}.open-task-button,.primary-button,.secondary-button,.back-button,.hint-button{border:1px solid var(--trainer-border);border-radius:var(--radius-md);color:var(--trainer-text);cursor:pointer;font:inherit;font-size:var(--font-size-sm);background:0 0;padding:9px 12px}.open-task-button,.primary-button{border-color:var(--color-brand-500);background:var(--color-brand-500);color:#fff;font-weight:600}.open-task-button:hover,.primary-button:hover{background:var(--color-brand-600)}.back-button{margin-bottom:var(--spacing-4);color:var(--color-brand-600)}.is-hidden{display:none!important}.task-header,.editor-card,.result-panel{padding:var(--spacing-8);border:1px solid var(--trainer-border);border-radius:var(--radius-xl);background:var(--trainer-surface)}.task-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-6);margin-bottom:var(--spacing-4);display:flex}.task-header h2{margin:0 0 var(--spacing-3);color:var(--trainer-text);font-size:var(--font-size-3xl)}.task-header p{max-width:800px;color:var(--trainer-muted);line-height:var(--line-height-relaxed);margin:0}.task-hints{margin-bottom:var(--spacing-4)}.hint-content{margin-top:var(--spacing-3);padding:var(--spacing-4);border-left:2px solid var(--color-brand-500);color:var(--trainer-muted);font-size:var(--font-size-sm);background:#3b82f612}.hint-content p{margin:0 0 var(--spacing-2)}.hint-content p:last-child{margin-bottom:0}.editor-card{margin-bottom:var(--spacing-4)}.editor-toolbar,.editor-actions{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.editor-toolbar{margin-bottom:var(--spacing-3)}.editor-tools{gap:var(--spacing-2);display:flex}.editor-label{color:var(--trainer-text);font-size:var(--font-size-sm);font-weight:600}.editor-layout{gap:var(--spacing-4);display:flex}#trainer-editor{border:1px solid var(--trainer-border);border-radius:var(--radius-md);flex:1;min-width:0;overflow:hidden}#trainer-editor .cm-editor{min-height:280px}.schema-panel{width:260px;padding:var(--spacing-4);border:1px solid var(--trainer-border);border-radius:var(--radius-md);color:var(--trainer-muted);font-size:var(--font-size-sm);flex:0 0 260px;overflow:auto}.schema-panel h3{margin:0 0 var(--spacing-3);color:var(--trainer-text);font-size:var(--font-size-base)}.schema-panel details{border-bottom:1px solid var(--trainer-border);padding:6px 0}.schema-panel summary{cursor:pointer;color:var(--trainer-text)}.schema-panel ul{margin:6px 0 0;padding-left:18px}.schema-panel li{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:2px 0}.editor-actions{margin-top:var(--spacing-4)}.shortcut-hint{color:var(--trainer-muted);font-size:var(--font-size-xs)}.result-panel{align-items:flex-start;gap:var(--spacing-4);display:flex}.result-icon{color:var(--trainer-muted);font-size:var(--font-size-2xl);line-height:1}.result-panel strong{color:var(--trainer-text)}.result-panel p{margin:var(--spacing-1) 0 0;color:var(--trainer-muted);font-size:var(--font-size-sm)}.result-panel.is-pending .result-icon{color:var(--color-warning)}.result-panel.is-error .result-icon{color:var(--color-error)}@media (width<=900px){.browser-filters{grid-template-columns:1fr 1fr}.editor-layout{flex-direction:column}.schema-panel{flex:auto;width:auto}}@media (width<=600px){.trainer-page{padding:104px var(--spacing-4) var(--spacing-8)}.browser-heading{flex-direction:column;align-items:flex-start}.browser-filters{grid-template-columns:1fr}.task-table th:nth-child(2),.task-table td:nth-child(2),.task-table th:nth-child(3),.task-table td:nth-child(3){display:none}.task-header,.editor-card,.result-panel{padding:var(--spacing-5)}.task-header,.editor-actions{flex-direction:column;align-items:flex-start}.primary-button{width:100%}}