.button{align-items:center;gap:var(--space-2);min-height:var(--target-size);padding:var(--space-2) var(--space-4);border:var(--border-thin) solid transparent;border-radius:var(--radius-control);font:inherit;text-align:center;cursor:pointer;grid-template-columns:1.5rem 1fr 1.5rem;font-weight:700;text-decoration:none;display:inline-grid}.button__icon{grid-column:1}.button__label{grid-column:2}.button--run{background:var(--color-run);color:var(--color-on-run)}.button--test{background:var(--color-test);color:var(--color-on-test)}.button--save{border-color:var(--color-on-save);background:var(--color-save);color:var(--color-on-save)}.button--back{background:var(--color-back);color:var(--color-on-back)}.button--neutral{border-color:var(--color-border);background:var(--color-neutral);color:var(--color-on-neutral)}.button:disabled{border-color:var(--color-border);background:var(--color-neutral);color:var(--color-text-muted);cursor:not-allowed}.button--block{width:100%;display:grid}.load-state{padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-neutral);color:var(--color-on-neutral);margin:0}.load-state--error{border:var(--border-thin) solid var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.load-state__message{margin:0 0 var(--space-3);font-weight:700}.account-screen{max-width:28rem;margin-top:var(--space-5)}.account-screen__intro{margin:0 0 var(--space-4)}.account-screen__notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-warning-soft);color:var(--color-on-warning-soft);font-weight:700}.account-screen__done{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-success-soft);color:var(--color-text)}.account-form{gap:var(--space-4);display:grid}.account-field{gap:var(--space-1);display:grid}.account-field__label{font-weight:700}.account-field__input{min-height:var(--target-size);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-page);color:var(--color-text);font:inherit}.account-field__input[aria-invalid=true]{border:2px solid var(--color-error)}.account-field__hint{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0}.account-field__error{color:var(--color-error);margin:0;font-weight:700}.account-form__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-error-soft);color:var(--color-error);margin:0;font-weight:700}.account-form__footer{gap:var(--space-2);display:grid}.account-form__footer p{margin:0}.account-link-button{color:var(--color-accent-strong);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.panel{border:var(--border-thin) solid var(--color-accent);border-radius:var(--radius-panel);background:var(--color-page)}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-panel) - var(--border-thin)) calc(var(--radius-panel) - var(--border-thin)) 0 0;background:var(--color-accent);color:var(--color-on-accent);display:flex}.panel__title{font-size:var(--font-size-large);font-weight:700}.panel__header a,.panel__header button{color:inherit}.panel--test>.panel__header{background:var(--color-test);color:var(--color-on-test)}.panel--test{border-color:var(--color-test)}.panel--error>.panel__header{background:var(--color-error);color:var(--color-on-error)}.panel--error{border-color:var(--color-error);background:var(--color-error-soft)}.panel__body{padding:var(--space-4)}.backup__facts{gap:var(--space-2) var(--space-4);margin:var(--space-4) 0;grid-template-columns:max-content 1fr;display:grid}.backup__facts dt{font-weight:700}.backup__facts dd{margin:0}.backup__download{max-width:20rem}.status-badge{align-items:center;gap:var(--space-2);font-size:var(--font-size-small);white-space:nowrap;display:inline-flex}.status-badge__mark{border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-weight:700;line-height:1;display:inline-flex}.status-badge--notStarted .status-badge__mark{border:3px solid var(--color-status-idle)}.status-badge--inProgress .status-badge__mark{border:3px solid var(--color-text-muted);background:var(--color-status-progress)}.status-badge--passed .status-badge__mark{color:var(--color-success);font-size:var(--font-size-large)}.lesson-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.lesson-card{height:100%;position:relative}.lesson-card>.panel{height:100%}.lesson-card__title{margin:0 0 var(--space-3);font-size:var(--font-size-large);font-weight:700}.lesson-card__link{text-decoration:none}.lesson-card__link:after{border-radius:var(--radius-panel);content:"";position:absolute;inset:0}.lesson-card:hover>.panel{box-shadow:0 0 0 2px var(--color-accent)}.lesson-card__progress{width:100%;height:.75rem;margin:var(--space-2) 0;accent-color:var(--color-success);display:block}.lesson-card__summary{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-small);flex-wrap:wrap;margin:0;display:flex}.lesson-card__file{margin:0 0 var(--space-2);overflow-wrap:anywhere;font-weight:700}.lesson-card__errors{padding-left:var(--space-5);color:var(--color-error);overflow-wrap:anywhere;margin:0}.lesson-list__empty{margin:0}.program-listing{padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-6) + var(--space-4));border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-neutral);margin:0}.program-listing__instruction{padding-left:var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere}.program-listing__instruction::marker{color:var(--color-text-muted)}.program-listing--empty,.program-listing--raw{padding-left:var(--space-4);color:var(--color-text-muted)}.program-listing--raw,.markdown{white-space:pre-wrap}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h2,.markdown h3,.markdown h4{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-size-large)}.markdown p,.markdown ul,.markdown ol{margin:0 0 var(--space-3);white-space:normal}.markdown--inline p{white-space:pre-wrap}.markdown code{padding:0 var(--space-1);border-radius:var(--space-1);background:var(--color-neutral);white-space:pre-wrap}.markdown .program-listing{margin-bottom:var(--space-3)}.markdown__code{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-neutral);white-space:pre-wrap}.console{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;margin:0;list-style:none;display:flex}.console__empty{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-small);margin:0}.bubble{max-width:85%;min-height:2.25rem;padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);white-space:pre-wrap;overflow-wrap:anywhere;position:relative}.bubble:after{bottom:calc(-1 * var(--border-thin));border:inherit;background:inherit;content:"";width:.6rem;height:.6rem;position:absolute}.bubble--output{background:var(--color-page);color:var(--color-text);border-bottom-left-radius:0;align-self:flex-start}.bubble--output:after{clip-path:polygon(100% 0,100% 100%,0 100%);border-top:0;border-right:0;left:-.6rem}.bubble--input{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);text-align:right;border-bottom-right-radius:0;align-self:flex-end}.bubble--input:after{clip-path:polygon(0 0,100% 100%,0 100%);border-top:0;border-left:0;right:-.6rem}.bubble--pending{min-width:3rem}.bubble__cursor{background:var(--color-on-accent);vertical-align:middle;width:.5rem;height:1.1rem;display:inline-block}@media (prefers-reduced-motion:no-preference){.bubble__cursor{animation:1.2s steps(2,start) infinite bubble-cursor-blink}}@keyframes bubble-cursor-blink{to{visibility:hidden}}.console-miniature{border:var(--border-thin) solid var(--color-accent);border-radius:var(--radius-control);min-width:11rem;margin:0;overflow:hidden}.console-miniature__caption{padding:var(--space-1) var(--space-3);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-small);font-weight:700}.examples{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.example{padding:var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);flex:0 17rem}.example__title{font-size:var(--font-size-base)}.example__sentence{margin:var(--space-1) 0 var(--space-3)}.modal__backdrop{z-index:10;padding:var(--space-6) var(--space-4);background:var(--color-backdrop);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border:var(--border-thin) solid var(--color-accent);border-radius:var(--radius-panel);background:var(--color-page);width:min(100%,60rem)}.modal--narrow{width:min(100%,32rem)}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--color-accent);color:var(--color-on-accent);display:flex}.modal--test{border-color:var(--color-test)}.modal--test>.modal__header{background:var(--color-test);color:var(--color-on-test)}.modal__title{font-size:var(--font-size-large)}.modal__close{min-width:var(--target-size);min-height:var(--target-size);border-radius:var(--radius-control);color:inherit;font:inherit;font-size:var(--font-size-large);cursor:pointer;background:0 0;border:0}.modal__body{padding:var(--space-4)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);display:flex}.solution-history{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.solution-history__entry{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);flex-direction:column;display:flex}.solution-history__date{font-size:var(--font-size-base);font-weight:700}.solution-history__current{color:var(--color-text-muted);font-weight:400}.solution-history__result{margin:0}.solution-history__error{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-error);color:var(--color-on-error);font-weight:700}.solution-history__question{margin:0 0 var(--space-4);font-size:var(--font-size-large);font-weight:700}.solution-history__answers{gap:var(--space-3);flex-wrap:wrap;display:flex}.history-link{min-height:var(--target-size);color:var(--color-accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.task-cards{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-card{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-panel)}.task-card__header{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.task-card__title{font-size:var(--font-size-base);flex:16rem}.task-card__toggle{align-items:center;gap:var(--space-2) var(--space-3);width:100%;min-height:var(--target-size);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;font-weight:700;display:flex}.task-card__toggle:hover{background:var(--color-accent-soft)}.task-card__arrow,.task-card__number{color:var(--color-accent-strong)}.task-card__details{gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);border-top:var(--border-thin) solid var(--color-border);flex-direction:column;display:flex}.task-card__details[hidden]{display:none}.task-card__solution-title{margin:0 0 var(--space-2);font-weight:700}.task-card__no-solution{color:var(--color-text-muted);margin:0}.lesson{gap:var(--space-5);flex-direction:column;display:flex}.lesson__tasks-title{margin-bottom:var(--space-3);font-size:var(--font-size-large)}.progress-owner{margin:var(--space-3) 0 var(--space-4);color:var(--color-text-muted);overflow-wrap:anywhere}.progress-lessons{gap:var(--space-5);flex-direction:column;display:flex}.progress-lesson__summary{white-space:nowrap;font-weight:700}.progress-table__scroll{overflow-x:auto}.progress-table{border-collapse:collapse;width:100%}.progress-table th,.progress-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--color-border);text-align:left;vertical-align:middle}.progress-table__task{font-weight:400}.progress-table__number{color:var(--color-accent-strong);font-weight:700}.progress-table__count{font-variant-numeric:tabular-nums}.pupils-table__scroll{overflow-x:auto}.pupils-table{border-collapse:collapse;width:100%}.pupils-table th,.pupils-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--color-border);text-align:left}.pupils-table thead th{font-size:var(--font-size-small);color:var(--color-text-muted)}.pupils-table tbody th{overflow-wrap:anywhere;font-weight:400}.pupils-table__count{text-align:right}.palette{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.palette__instruction{width:100%;min-height:var(--target-size);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-accent-soft);color:var(--color-accent-strong);font:inherit;text-align:left;cursor:pointer;font-weight:700}.palette__instruction--dragged{cursor:grabbing;align-items:center;width:max-content;max-width:100%;display:flex}.palette__instruction:hover{background:var(--color-page)}.value-entry{display:inline-flex;position:relative}.value-entry__popup{top:calc(100% + var(--space-1));z-index:10;gap:var(--space-2);width:max-content;padding:var(--space-2);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-page);box-shadow:0 var(--space-1) var(--space-3) var(--color-backdrop);flex-direction:column;display:flex;position:absolute;left:0}.value-entry__display{min-height:var(--target-size);padding:var(--space-1) var(--space-2);border:2px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--font-size-large);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;display:flex}.value-entry__caret{background:var(--color-text);width:2px;height:1.2em;margin-left:1px}@media (prefers-reduced-motion:no-preference){.value-entry__caret{animation:1s step-end infinite value-entry-blink}}@keyframes value-entry-blink{50%{opacity:0}}.value-entry__keys{grid-template-columns:repeat(4, var(--target-size));gap:var(--space-1);display:grid}.value-entry__key,.value-entry__confirm{min-height:var(--target-size);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-neutral);color:var(--color-on-neutral);font:inherit;font-size:var(--font-size-large);cursor:pointer;font-weight:700}.value-entry__key--box{color:var(--color-accent-strong)}.value-entry__confirm{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.value-entry__key:focus-visible,.value-entry__confirm:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.instruction-row{align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-page);display:flex}.instruction-row--dragging{border-style:dashed;border-color:var(--color-accent);background:var(--color-accent-soft)}.instruction-row--drop-before{box-shadow:0 calc(-1 * var(--space-1)) 0 0 var(--color-accent)}.instruction-row__handle{width:var(--space-6);height:var(--target-size);border-radius:var(--radius-control);color:var(--color-text-muted);font:inherit;cursor:grab;touch-action:none;background:0 0;border:0;flex:none}.instruction-row__handle:hover{background:var(--color-neutral)}.instruction-row__content,.instruction-row__part{align-items:center;gap:var(--space-1) var(--space-2);display:flex}.instruction-row__content{flex-wrap:wrap;flex:auto;min-width:0}.instruction-row__part{flex-wrap:nowrap}.instruction-row__keyword{color:var(--color-accent-strong);font-weight:700}.instruction-row__field{min-height:var(--target-size);padding:var(--space-1);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-page);color:var(--color-text);font:inherit}.instruction-row__field--number{width:calc(9ch + 2 * var(--space-1) + 2 * var(--border-thin));font-variant-numeric:tabular-nums}.instruction-row__field--text{flex:12rem;min-width:8rem}.instruction-row__field[aria-invalid=true]{border-color:var(--color-error);outline:var(--border-thin) solid var(--color-error)}.instruction-row__number{border-radius:var(--space-1);background:var(--color-neutral);min-width:2rem;height:2rem;color:var(--color-text-muted);flex:none;place-items:center;font-weight:700;display:grid}.instruction-row__remove{width:var(--space-6);height:var(--target-size);border-radius:var(--radius-control);color:var(--color-error);font:inherit;cursor:pointer;background:0 0;border:0;flex:none}.instruction-row__remove:hover{background:var(--color-error-soft)}.program-editor__issues{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-error);border-radius:var(--radius-control);background:var(--color-error-soft);color:var(--color-error);font-weight:700}.program-editor__hint{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-success);border-radius:var(--radius-control);background:var(--color-success-soft);color:var(--color-on-save);display:flex}.program-editor__hint-text{margin:0}.program-editor__hint-close{width:var(--target-size);height:var(--target-size);border-radius:var(--radius-control);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none}.program-editor__list{gap:var(--space-2);flex-direction:column;min-height:12rem;margin:0;padding:0;list-style:none;display:flex}.program-editor__list--drop-at-end:after{height:var(--space-1);border-radius:var(--space-1);background:var(--color-accent);content:""}.edit-mode{align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;display:flex}.edit-mode__editor{flex:4 28rem;min-width:0}.edit-mode__side{gap:var(--space-4);flex-direction:column;flex:14rem;display:flex}.edit-mode__actions{gap:var(--space-2);flex-direction:column;display:flex}.task-statement{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control)}.task-statement__title{margin:0 0 var(--space-2);color:var(--color-accent-strong);font-size:var(--font-size-base);font-weight:700}.statement-link{min-height:var(--target-size);padding:0 var(--space-2);font:inherit;cursor:pointer;background:0 0;border:0;font-style:italic;text-decoration:underline}.boxes{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.box{align-items:center;gap:var(--space-3);min-height:var(--target-size);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);font-size:var(--font-size-large);display:flex}.box__name{color:var(--color-accent-strong);font-weight:700}.box__value{font-variant-numeric:tabular-nums;margin-left:auto}.box--changed{border-color:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.box--changed{animation:.8s ease-out box-blink}}@keyframes box-blink{0%{background:var(--color-accent);color:var(--color-on-accent)}to{background:var(--color-page);color:var(--color-text)}}.boxes__controls{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.number-pad{gap:var(--space-2);flex-direction:column;display:flex}.number-pad__field{width:100%;min-height:var(--target-size);padding:var(--space-2) var(--space-3);border:2px solid var(--color-run);border-radius:var(--radius-control);background:var(--color-page);color:var(--color-text);font:inherit;font-size:var(--font-size-large);font-variant-numeric:tabular-nums;text-align:right}.number-pad__keys{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.number-pad__key{min-height:var(--target-size);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-neutral);color:var(--color-on-neutral);font:inherit;font-size:var(--font-size-large);cursor:pointer;font-weight:700}.number-pad__key--confirm{border-color:var(--color-run);background:var(--color-run);color:var(--color-on-run)}.number-pad__key:disabled{border-color:var(--color-border);background:var(--color-neutral);color:var(--color-text-muted);cursor:not-allowed}.run-program{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.run-program__empty{color:var(--color-text-muted);margin:0}.run-row{align-items:center;gap:var(--space-3);min-height:var(--target-size);padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);display:flex}.run-row__text{white-space:pre-wrap;flex:auto}.run-row__number{border-radius:var(--space-1);background:var(--color-neutral);min-width:2rem;height:2rem;color:var(--color-text-muted);flex:none;place-items:center;font-weight:700;display:grid}.run-row--next{border-color:var(--color-run);background:var(--color-run);color:var(--color-on-run)}.run-row__branch{padding:0 var(--space-1);border-radius:var(--space-1);background:var(--color-page);color:var(--color-run);text-underline-offset:.2em;font-weight:700;text-decoration:underline}.run-row--awaiting{border-color:var(--color-text);color:var(--color-text);font-weight:700}.run-mode{align-items:start;gap:var(--space-5);grid-template-columns:minmax(12rem,1fr) minmax(0,2fr) minmax(16rem,1.5fr);display:grid}.run-mode__boxes,.run-mode__program,.run-mode__console{min-width:0}.run-mode__console{gap:var(--space-3);flex-direction:column;display:flex}.run-mode__actions{gap:var(--space-2);flex-direction:column;display:flex}.run-mode__notice{padding:var(--space-2) var(--space-3);border:var(--border-thin) solid var(--color-success);border-radius:var(--radius-control);background:var(--color-success-soft);color:var(--color-on-save);margin:0;font-weight:700}.run-mode__notice--error{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}@media (width<=64rem){.run-mode{grid-template-columns:minmax(0,1fr)}.run-mode__boxes{order:1}.run-mode__console{order:2}.run-mode__program{order:3}}.save-result{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:var(--font-size-large);margin:0;font-weight:700}.save-result--passed{background:var(--color-success-soft);color:var(--color-on-save)}.save-result--failed{background:var(--color-warning-soft);color:var(--color-on-warning-soft)}.test-results__banner{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-weight:700}.test-results__banner--ok{background:var(--color-success);color:var(--color-on-run)}.test-results__banner--bad{background:var(--color-error);color:var(--color-on-error)}.test-results__note{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--color-warning-soft);color:var(--color-on-warning-soft)}.test-results__scroll{overflow-x:auto}.test-results__table{border-collapse:collapse;width:100%}.test-results__table th,.test-results__table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin) solid var(--color-border);text-align:left;vertical-align:top}.test-results__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);font-weight:700;display:inline-block}.test-results__badge--ok{background:var(--color-success);color:var(--color-on-run)}.test-results__badge--bad{background:var(--color-error);color:var(--color-on-error)}.test-results__reason{margin:var(--space-2) 0 0;color:var(--color-error);font-size:var(--font-size-small)}.test-results__boxes{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;padding:0;list-style:none}.test-results__steps{font-variant-numeric:tabular-nums}.task-screen__notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-error);color:var(--color-on-error);font-weight:700}:root{--color-page:#fff;--color-text:#1c2733;--color-text-muted:#55616e;--color-accent:#1b66c9;--color-accent-strong:#154f9c;--color-on-accent:#fff;--color-accent-soft:#e8f1fc;--color-run:#1f7a34;--color-on-run:#fff;--color-test:#b35400;--color-on-test:#fff;--color-save:#c5ebcb;--color-on-save:#12421c;--color-back:#1b66c9;--color-on-back:#fff;--color-neutral:#eef1f5;--color-on-neutral:#1c2733;--color-error:#b3261e;--color-on-error:#fff;--color-error-soft:#fdecea;--color-success:#1f7a34;--color-success-soft:#e6f5e9;--color-warning-soft:#fff4cc;--color-on-warning-soft:#4d3b00;--color-border:#c3ccd6;--color-status-idle:#8a94a0;--color-status-progress:#e0a800;--color-focus:#0b3d91;--color-backdrop:#1018208c;--radius-panel:10px;--radius-control:8px;--border-thin:1px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-small:.875rem;--font-size-base:1rem;--font-size-large:1.25rem;--font-size-title:1.75rem;--target-size:2.75rem;--page-width:80rem}*,:before,:after{box-sizing:border-box}body{background:var(--color-page);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);margin:0;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:var(--font-size-title)}a{color:var(--color-accent-strong)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-2);z-index:20;padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--color-accent-strong);color:var(--color-on-accent);position:absolute;top:-4rem}.skip-link:focus{top:var(--space-2)}.app-header{align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:var(--border-thin) solid var(--color-border);flex-wrap:wrap;display:flex}.app-header__name{font-size:var(--font-size-large);font-weight:700;text-decoration:none}.app-header__links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app-header__link{min-height:var(--target-size);padding:0 var(--space-3);border-radius:var(--radius-control);align-items:center;text-decoration:none;display:inline-flex}.app-header__link[aria-current=page]{background:var(--color-accent-soft);font-weight:700}.app-header__account{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-left:auto;display:flex}.app-header__email{color:var(--color-text-muted);overflow-wrap:anywhere}.app-header__logout{min-height:var(--target-size);padding:0 var(--space-3);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-neutral);color:var(--color-on-neutral);font:inherit;cursor:pointer}.app-header__error{color:var(--color-error);font-weight:700}.app-main{max-width:var(--page-width);padding:var(--space-5);margin:0 auto}.screen__title{margin-bottom:var(--space-5)}