:root{--owi-blue: #006ba1;--owi-blue-dark: #005a87;--owi-teal: #127873;--owi-accent: #31cdcf;--owi-text: #313131;--owi-text-muted: #5c6670;--owi-bg: #f4f8fa;--owi-surface: #ffffff;--owi-border: #d8e3ea;--owi-success: #127873;--owi-danger: #b42318;--owi-radius: 12px;--owi-shadow: 0 8px 30px rgba(0, 90, 135, .08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;color:var(--owi-text);background:var(--owi-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}#app{min-height:100vh}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--owi-surface);border-bottom:1px solid var(--owi-border)}.app-header__logo{display:block;width:auto;max-width:min(220px,55vw);height:48px;object-fit:contain}.app-header__user{text-align:right}.app-header__user-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--owi-text-muted)}.app-header__user-name{font-weight:600;color:var(--owi-blue-dark)}.app-main{flex:1;width:min(760px,100%);margin:0 auto;padding:1.5rem}.app-footer{padding:1rem 1.5rem 1.5rem;text-align:center;font-size:.875rem;color:var(--owi-text-muted)}.test-card,.result{background:var(--owi-surface);border:1px solid var(--owi-border);border-radius:var(--owi-radius);box-shadow:var(--owi-shadow);padding:1.5rem}.progress{margin-bottom:1.5rem}.progress__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.progress__level{font-weight:700;color:var(--owi-blue);letter-spacing:.04em}.progress__count{color:var(--owi-text-muted)}.progress__track{height:8px;background:#e8f0f5;border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--owi-blue),var(--owi-accent));border-radius:999px;transition:width .25s ease}.question__exercise{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--owi-teal);text-transform:uppercase;letter-spacing:.04em}.question__prompt{margin:0 0 1.25rem;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.35;color:var(--owi-text)}.question__options{margin:0;padding:0;border:0;display:grid;gap:.75rem}.option{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;border:2px solid var(--owi-border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.option:hover{border-color:#9ec9de;background:#f7fbfd}.option--selected{border-color:var(--owi-blue);background:#eef6fb;box-shadow:0 0 0 1px #006ba114}.option input{position:absolute;opacity:0;pointer-events:none}.option__marker{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.15rem;border:2px solid #98aab6;border-radius:50%;position:relative}.option--selected .option__marker{border-color:var(--owi-blue)}.option--selected .option__marker:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--owi-blue)}.option__text{flex:1}.nav-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1.75rem}.btn{border:none;border-radius:999px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .12s ease,opacity .12s ease,background .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background:var(--owi-blue);color:#fff}.btn--primary:not(:disabled):hover{background:var(--owi-blue-dark)}.btn--secondary{background:transparent;color:var(--owi-blue);border:2px solid var(--owi-border)}.btn--secondary:not(:disabled):hover{border-color:var(--owi-blue);background:#f7fbfd}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:280px;color:var(--owi-text-muted)}.loading__spinner{width:40px;height:40px;border:3px solid #d8e3ea;border-top-color:var(--owi-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{padding:1rem;border-radius:10px;background:#fef3f2;color:var(--owi-danger);border:1px solid #fecdca;margin-bottom:1rem}.error-view__card{max-width:36rem;margin:0 auto;padding:2rem;border:1px solid var(--owi-border);border-radius:14px;background:#fff;text-align:center}.error-view__eyebrow{margin:0 0 .5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--owi-teal);font-weight:700}.error-view__title{margin:0 0 1rem;color:var(--owi-blue-dark)}.error-view__message{margin:0;color:var(--owi-text-muted);line-height:1.6}.error-view__actions{margin-top:1.5rem}.error-view__debug{margin-top:1.5rem;text-align:left;padding:1rem;border-radius:10px;background:#f4f8fb;border:1px solid var(--owi-border)}.error-view__debug summary{cursor:pointer;font-weight:700;color:var(--owi-blue-dark)}.error-view__debug dl{margin:1rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.875rem}.error-view__debug dt{font-weight:700;color:var(--owi-blue-dark)}.error-view__debug dd{margin:0;word-break:break-all;font-family:ui-monospace,monospace}.error-view__debug-tip{margin:1rem 0 0;font-size:.8125rem;color:var(--owi-text-muted)}.result__submit-error{margin-bottom:1.5rem;padding:1rem;border-radius:10px;background:#fff8e6;border:1px solid #f5dfa5;color:#8a6d1d}.result__submit-error p{margin:0 0 .75rem}.result__retry{border:0;border-radius:8px;padding:.625rem 1rem;background:var(--owi-blue-dark);color:#fff;font-weight:600;cursor:pointer}.result__retry:disabled{opacity:.7;cursor:not-allowed}.intro__eyebrow,.level-passed__eyebrow,.landing__eyebrow{margin:0 0 .5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--owi-teal);font-weight:700}.intro__title,.level-passed__title{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,1.875rem);line-height:1.25}.intro__lead,.level-passed__message,.level-passed__next,.level-passed__hint{margin:0 0 1rem;color:var(--owi-text-muted)}.intro__section{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--owi-border);border-radius:10px;background:#fafcfd}.intro__subtitle{margin:0 0 .75rem;font-size:1.0625rem}.intro__list{margin:0;padding-left:1.25rem;display:grid;gap:.625rem}.intro__list li{color:var(--owi-text)}.intro__start-note{margin:0 0 1.5rem;font-size:1.0625rem}.intro__actions,.level-passed__actions,.landing__actions{display:flex;justify-content:center}.landing__card{background:var(--owi-surface);border:1px solid var(--owi-border);border-radius:var(--owi-radius);box-shadow:var(--owi-shadow);padding:1.5rem}.landing__title{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,1.875rem);line-height:1.25;color:var(--owi-blue-dark)}.landing__lead{margin:0 0 1rem;color:var(--owi-text-muted);line-height:1.6}.landing__section{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--owi-border);border-radius:10px;background:#fafcfd}.landing__subtitle{margin:0 0 .75rem;font-size:1.0625rem}.landing__list{margin:0;padding-left:1.25rem;display:grid;gap:.625rem}.landing__list li{color:var(--owi-text)}.level-passed{text-align:center}.level-passed__title{color:var(--owi-blue)}.level-passed__message{font-size:1.0625rem}.level-passed__next{font-size:1.0625rem;color:var(--owi-text)}.level-passed__hint{font-size:.9375rem;max-width:32rem;margin-inline:auto}.result__hero{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--owi-border)}.result__eyebrow{margin:0 0 .5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--owi-teal);font-weight:700}.result__title{margin:0 0 .75rem;font-size:1.5rem}.result__level{margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;color:var(--owi-blue);letter-spacing:.03em}.result__message{margin:0;color:var(--owi-text-muted);max-width:36rem;margin-inline:auto}.result__details{padding-top:1.5rem}.result__subtitle{margin:0 0 1rem;font-size:1.125rem}.result__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.result__item{padding:1rem;border:1px solid var(--owi-border);border-radius:10px;background:#fafcfd}.result__item-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem}.result__item-name{font-weight:700;color:var(--owi-blue-dark)}.result__badge{font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:999px;white-space:nowrap}.result__badge--pass{background:#e6f4f1;color:var(--owi-success)}.result__badge--fail{background:#eef6fb;color:var(--owi-blue)}.result__item-score{margin:0;font-size:.875rem;color:var(--owi-text-muted)}@media(max-width:600px){.app-header{flex-direction:column;align-items:flex-start}.app-header__user{text-align:left}.nav-buttons{flex-direction:column-reverse}.btn{width:100%;text-align:center}.intro__actions .btn,.level-passed__actions .btn{width:100%}.result__item-head{flex-direction:column;align-items:flex-start}}