:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f3;--surface:#fff;--surface-2:#edf0eb;--ink:#172027;--muted:#657179;--line:#d6ddd7;--sea:#102533;--teal:#2d7f79;--gold:#c79b35;--rust:#ad5436;--ok:#28724f;--focus:#0b6bcb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.app--large-controls{--control-height:52px}.app--contrast{--bg:#fffdf6;--surface:#fff;--surface-2:#e8ece6;--ink:#0b1013;--muted:#3a444b;--line:#909b95;--sea:#061923;--teal:#005f58;--gold:#8a6200;--rust:#8d351e;--ok:#075c3a}.sidebar{background:var(--sea);color:#f7f1df;flex-direction:column;gap:28px;min-height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:44px;display:flex}.brand__mark{width:44px;height:44px;color:var(--sea);background:#f7f1df;border-radius:8px;place-items:center;display:grid}.brand strong,.brand small{display:block}.brand small{color:#b9c8c3}.sidebar nav{gap:8px;display:grid}.nav-button,.button,.icon-button,.step-button{border:0;border-radius:8px}.nav-button{min-height:var(--control-height,44px);color:#f7f1df;text-align:left;background:0 0;align-items:center;gap:10px;padding:0 12px;display:flex}.nav-button--active,.nav-button:hover{background:#203b49}.sync-state{color:#d6e2dd;border-top:1px solid #ffffff2e;align-items:center;gap:8px;min-height:38px;margin-top:auto;padding-top:14px;display:flex}.workspace{min-width:0;padding:24px}.screen{max-width:1440px;margin:0 auto}.screen-header{justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin-bottom:18px;display:flex}.screen-header h1,.active-step h2,.panel-title h2,.settings-section h2{letter-spacing:0;margin:0}.screen-header h1{font-size:clamp(1.45rem,2vw,2rem)}.eyebrow{color:var(--teal);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.screen-actions{flex-wrap:wrap;gap:10px;display:flex}.segmented-control{min-height:var(--control-height,44px);border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.segmented-control__item{min-width:96px;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0 12px;font-weight:800}.segmented-control__item+.segmented-control__item{border-left:1px solid var(--line)}.segmented-control__item--active{background:var(--teal);color:#fff}.button{min-height:var(--control-height,44px);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.button--primary{background:var(--teal);color:#fff}.button--secondary{background:var(--surface-2);color:var(--ink)}.icon-button{width:var(--control-height,42px);height:var(--control-height,42px);background:var(--surface-2);color:var(--ink);place-items:center;display:grid}.practice-layout{grid-template-columns:minmax(280px,1fr) minmax(360px,1.1fr) 320px;align-items:start;gap:16px;display:grid}.exam-layout{grid-template-columns:minmax(420px,1fr) 320px;align-items:start;gap:16px;display:grid}.sky-panel,.workflow-panel,.review-panel,.exam-empty,.exam-workspace,.exam-review,.entry-form,.entry-list,.progress-overview,.competency,.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:8px}.exam-empty{min-height:300px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.exam-workspace,.exam-review{padding:16px}.exam-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.exam-status div{border:1px solid var(--line);border-radius:8px;gap:4px;padding:10px;display:grid}.exam-status span,.exam-row small,.audit-log span{color:var(--muted)}.timebox{align-items:center;gap:6px;display:inline-flex}.timebox--expired{color:var(--rust)}.exam-scenario{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.exam-scenario div{border-bottom:1px solid var(--line);padding-bottom:8px}.exam-table{gap:10px;display:grid}.exam-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(130px,190px);align-items:center;gap:10px;padding:10px;display:grid}.exam-row>span{gap:4px;display:grid}.exam-result{color:var(--rust);grid-column:1/-1;font-style:normal}.exam-result--ok{color:var(--ok)}.audit-log{border-top:1px solid var(--line);gap:7px;margin-top:16px;padding-top:12px;font-size:.9rem;display:grid}.sky-panel{overflow:hidden}.sky-panel__scene,.virtual-sextant__scene{border-bottom:1px solid var(--line);background:#17313f;min-height:280px;position:relative}.sun,.virtual-sextant__sun{background:var(--gold);border-radius:999px;width:56px;height:56px;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 0 0 10px #f7f1df29}.horizon,.virtual-sextant__horizon{background:#f7f1df;height:4px;position:absolute;bottom:58px;left:0;right:0}.sextant-arc,.virtual-sextant__arc{border:8px solid #c79b35db;border-bottom:0;border-radius:220px 220px 0 0;width:220px;height:110px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.virtual-sextant{overflow:hidden}.virtual-sextant__scene{min-height:300px}.virtual-sextant__sun{top:calc(72px + (var(--alignment,0) * 58px));transition:top .16s ease-out}.virtual-sextant__sun--star{width:24px;height:24px;top:calc(88px + (var(--alignment,0) * 58px));background:#f7f1df;box-shadow:0 0 0 8px #f7f1df1a,0 0 24px #f7f1dfcc}.virtual-sextant__index{transform-origin:bottom;background:#f7f1dfb8;width:2px;height:130px;position:absolute;bottom:58px;left:50%;transform:translate(-50%)rotate(-18deg)}.virtual-sextant__controls{border-bottom:1px solid var(--line);gap:12px;padding:14px;display:grid}.virtual-sextant__controls label{color:var(--muted);gap:8px;font-weight:700;display:grid}.virtual-sextant__controls input[type=range]{padding:0}.virtual-sextant__readout,.capture-status{justify-content:space-between;align-items:center;gap:10px;display:flex}.virtual-sextant__readout>span{color:var(--ink);font-weight:800}.capture-status{color:var(--muted);justify-content:flex-start;padding:12px 14px}.scenario-grid{gap:10px;margin:0;padding:14px;display:grid}.scenario-detail-panel{align-content:start;gap:16px;min-height:520px;padding:18px;display:grid}.scenario-detail-panel h2{letter-spacing:0;margin:0}.scenario-grid--detail{gap:12px;padding:0}.scenario-grid--detail div{border:1px solid var(--line);background:#f9faf7;border-radius:8px;min-height:48px;padding:10px}.scenario-grid div,.settings-list div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}dt{color:var(--muted)}dd{text-align:right;margin:0;font-weight:700}.workflow-panel{grid-template-columns:190px 1fr;min-height:520px;display:grid}.step-list{border-right:1px solid var(--line);align-content:start;gap:8px;padding:10px;display:grid}.step-button{text-align:left;background:var(--surface-2);min-height:58px;color:var(--ink);grid-template-columns:26px 1fr;grid-template-areas:"index title""index value";gap:0 8px;padding:8px;display:grid}.step-button span{background:var(--surface);border-radius:999px;grid-area:index;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:800;display:grid}.step-button strong{grid-area:title;font-size:.9rem}.step-button small{color:var(--muted);grid-area:value}.step-button--active{box-shadow:inset 0 0 0 2px var(--teal);background:#e1eee9}.step-button--ok span{background:var(--ok);color:#fff}.active-step{padding:18px}.active-step__header,.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.input-row,.entry-form label,.instrument-form label,.toggle-row{color:var(--muted);gap:7px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:var(--control-height,44px);color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}textarea{resize:vertical;min-height:96px;padding-top:10px}.hint-list{color:var(--ink);margin:16px 0 0;padding-left:22px}.hint-list li+li{margin-top:8px}.feedback{border-radius:8px;gap:4px;margin-top:16px;padding:12px;display:grid}.feedback--ok{color:var(--ok);background:#e7f4ec}.feedback--warn{color:var(--rust);background:#fff0e9}.review-panel{padding:16px}.empty-state{text-align:center;min-height:180px;color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid}.review-summary,.muted{color:var(--muted)}.recommendation-card{background:#eef7f4;border:1px solid #2d7f7959;border-radius:8px;gap:5px;margin-bottom:14px;padding:12px;display:grid}.recommendation-card--compact{margin-bottom:18px}.recommendation-card span{color:var(--teal);text-transform:uppercase;font-size:.78rem;font-weight:800}.recommendation-card strong{font-size:1rem}.recommendation-card p{color:var(--muted);margin:0}.score{gap:6px;margin:12px 0;display:grid}.score__label{justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.meter{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.meter span{background:var(--teal);height:100%;display:block}.result-list{gap:8px;margin-top:14px;display:grid}.result{border:1px solid var(--line);border-radius:8px;gap:3px;padding:10px;display:grid}.result--ok{background:#f0f7f3;border-color:#28724f73}.result span,.result small,.last-attempt span{color:var(--muted)}.last-attempt{border-top:1px solid var(--line);justify-content:space-between;margin-top:16px;padding-top:12px;display:flex}.logbook-layout{grid-template-columns:minmax(320px,520px) 1fr;align-items:start;gap:16px;display:grid}.logbook-stack{gap:16px;display:grid}.entry-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.instrument-form{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.instrument-form .panel-title,.instrument-form label:last-of-type,.instrument-form .button,.entry-form__wide{grid-column:1/-1}.entry-list{gap:10px;padding:12px;display:grid}.error-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.error-summary{border:1px solid var(--line);background:#f9faf7;border-radius:8px;padding:12px}.error-summary strong{margin-bottom:8px;display:block}.error-summary dl{gap:6px;margin:0;display:grid}.error-summary dl div{justify-content:space-between;gap:8px;display:flex}.entry{border:1px solid var(--line);border-radius:8px;gap:10px;padding:12px;display:grid}.entry>div{justify-content:space-between;gap:10px;display:flex}.entry dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.entry span,.entry dt{color:var(--muted)}.entry dl div{gap:2px;display:grid}.progress-layout,.settings-grid{grid-template-columns:340px 1fr;align-items:start;gap:16px;display:grid}.progress-overview,.settings-section{padding:16px}.competency-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.competency{gap:10px;padding:14px;display:grid}.competency--mastered{background:#f0f7f3;border-color:#28724f73}.competency strong,.competency span{display:block}.competency span,.competency small{color:var(--muted)}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-list{gap:10px;margin:12px 0 0;display:grid}.toggle-row{grid-template-columns:1fr auto;align-items:center;margin-top:12px}.toggle-row input{width:22px;min-height:22px}@media (width<=1180px){.practice-layout,.exam-layout,.logbook-layout,.progress-layout,.settings-grid{grid-template-columns:1fr}.review-panel{order:3}.competency-grid{grid-template-columns:1fr}}@media (width<=760px){.app{grid-template-columns:1fr}.sidebar{gap:12px;min-height:auto;padding:12px;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-state{margin-top:0}.workspace{padding:14px}.screen-header{flex-direction:column;align-items:stretch}.screen-actions,.screen-actions .button,.segmented-control{width:100%}.segmented-control__item{flex:1}.workflow-panel,.exam-status,.exam-scenario,.exam-row{grid-template-columns:1fr}.step-list{border-right:0;border-bottom:1px solid var(--line)}.entry-form,.instrument-form,.error-summary-grid,.entry dl{grid-template-columns:1fr}}
