.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1:focus-visible,h2:focus-visible,[data-view-title]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.concept{background:var(--surface-elevated);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.concept-chunks{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.concept-chunks>li{gap:var(--space-3);align-items:flex-start;display:flex}.concept-icon{font-size:var(--text-h3);flex-shrink:0;line-height:1.2}.concept-chunk-title{font-weight:600}.concept-chunk-body{font-size:var(--text-small);color:var(--text-secondary);max-width:var(--measure-body)}.concept-aside{background:var(--surface-recessed);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.phase-rail ol{gap:var(--space-3);list-style:none;display:flex}.phase{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.phase-bar{height:var(--space-1);border-radius:var(--radius-full);background:var(--border)}.phase.is-done .phase-bar{background:var(--accent-line)}.phase.is-current .phase-bar{background:var(--accent)}.phase-name{font-size:var(--text-meta);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.phase.is-current .phase-name{color:var(--text-primary);font-weight:600}.checkpoint{gap:var(--space-4);flex-direction:column;display:flex}.checkpoint-options{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.checkpoint-options button{text-align:left;width:100%;max-width:34rem}.checkpoint-options button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft)}.checkpoint-response{border-left:3px solid var(--border);padding-left:var(--space-3);color:var(--text-secondary);max-width:var(--measure-body)}.checkpoint-response.is-correct{border-left-color:var(--accent)}.empty-state{gap:var(--space-3);padding:var(--space-8) 0;border-top:var(--border-width) solid var(--border-subtle);border-bottom:var(--border-width) solid var(--border-subtle);flex-direction:column;align-items:flex-start;display:flex}.error-state{gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;align-items:flex-start;display:flex}.error-technical summary{color:var(--text-tertiary);font-size:var(--text-meta);cursor:pointer}.error-technical pre{margin-top:var(--space-2);padding:var(--space-3);background:var(--code-bg);border-radius:var(--radius-md);font-size:var(--text-meta);overflow-x:auto}.pending{gap:var(--space-2);color:var(--text-secondary);flex-direction:column;align-items:flex-start;display:flex}.pending-track{width:100%;max-width:var(--measure-body);background:var(--border-subtle);border-radius:var(--radius-full);height:2px;display:block;position:relative;overflow:hidden}.pending-line{background:var(--accent);border-radius:var(--radius-full);width:35%;animation:1.4s ease-in-out infinite kit-pending-travel;position:absolute;inset-block:0}@keyframes kit-pending-travel{0%{left:-35%}to{left:100%}}@media (prefers-reduced-motion:reduce){.pending-line{opacity:.5;width:100%;animation:none;left:0}}.toast{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:100;align-items:center;gap:var(--space-3);max-width:calc(100vw - var(--space-8));padding:var(--space-3) var(--space-4);background:var(--surface-elevated);color:var(--text-primary);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);display:flex;position:fixed;transform:translate(-50%)}.toast-message{font-size:var(--text-small)}.toast .toast-undo{padding:var(--space-1) var(--space-3);border-color:var(--accent-line);color:var(--accent)}.toast .toast-close{padding:var(--space-1) var(--space-2);color:var(--text-tertiary);border-color:#0000}