.lab-hero{background:radial-gradient(ellipse at 74% 43%,#173d6a,#081831 62%,#061127)!important}
.lab-rail a{min-height:66px}
.lab-section{background:radial-gradient(circle at 88% 18%,rgba(39,105,177,.16),transparent 38%),#081832}
.mark-section{background:radial-gradient(circle at 14% 29%,rgba(186,137,49,.12),transparent 35%),#07142b}
.lab-console{border:1px solid rgba(223,173,67,.46);border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#102b50,#091b36 66%);box-shadow:0 28px 75px rgba(0,0,0,.23)}
.lab-console .module-bar{border-bottom:1px solid var(--line-cool)}
.lab-read-form{padding:clamp(24px,4vw,56px)}
.lab-read-form>label,.mark-controls label,.mark-controls legend{display:block;font-size:.8rem;font-weight:800;color:var(--gold-light);margin-bottom:.65rem}
.lab-read-form>div{display:flex;gap:12px}
.lab-read-form input,.mark-controls input{background:#07162d;border:1px solid rgba(185,211,241,.37);border-radius:5px;color:white;min-height:58px;padding:12px 15px;outline:none}
.lab-read-form input{flex:1;min-width:0}
.lab-read-form input:focus,.mark-controls input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(56,165,237,.2)}
.lab-read-form .button{border-radius:5px}
.lab-read-form p,.lab-note{font-size:.78rem;color:#bbcae0;line-height:1.6}
.lab-read-form p{margin:14px 0 0;max-width:750px}
.lab-read-form p a,.lab-note a{color:var(--gold-light)}
.lab-status{padding:0 clamp(24px,4vw,56px);color:var(--gold-light);font-size:.9rem}
.lab-status:not(:empty){padding-bottom:20px}
.lab-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-cool);border-top:1px solid var(--line-cool)}
.lab-result{background:#0a1d3a;padding:25px clamp(24px,3vw,42px)}
.lab-result b{display:block;color:var(--gold-light);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}
.lab-result span{display:block;color:#e5edf7;font-size:.92rem;overflow-wrap:anywhere}
.lab-result.warn{background:#171f36}.lab-result.warn b{color:#f0c184}
.lab-results .lab-next{grid-column:1/-1;padding:25px clamp(24px,3vw,42px);background:#10294c}
.lab-next p{max-width:760px;color:#c9d8e9;margin-bottom:15px}
.lab-note{margin:22px 0 0;max-width:850px}
.mark-grid{display:grid;grid-template-columns:minmax(290px,43%) minmax(0,1fr)}
.mark-controls{padding:clamp(24px,4vw,55px);border-right:1px solid var(--line-cool)}
.mark-controls label input{display:block;width:100%;margin-top:10px}
.mark-controls fieldset{padding:0;border:0;margin:28px 0}
.mark-options{display:flex;flex-wrap:wrap;gap:8px}
.mark-options button{min-height:44px;border:1px solid rgba(185,211,241,.36);border-radius:5px;background:#091a34;color:#d7e4f4;font-size:.8rem;font-weight:750;padding:8px 13px;transition:background .25s,border-color .25s,transform .25s}
.mark-options button:hover{transform:translateY(-2px);border-color:var(--gold)}
.mark-options button.is-active{background:var(--gold);border-color:var(--gold);color:#07142b}
.mark-controls .actions{margin-top:30px}.mark-controls .button{border-radius:5px}
.mark-stage{display:flex;flex-direction:column;justify-content:center;gap:25px;min-height:570px;padding:38px;background:radial-gradient(circle at 50% 38%,rgba(57,117,183,.38),transparent 53%),linear-gradient(rgba(177,207,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(177,207,242,.06) 1px,transparent 1px),#07172f;background-size:auto,70px 70px,70px 70px,auto}
.mark-canvas{display:grid;place-items:center;min-height:300px}.mark-canvas svg{width:min(300px,100%);height:auto;filter:drop-shadow(0 20px 45px rgba(0,0,0,.4));animation:mark-entrance .65s var(--ease) both}
.mark-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mark-variants>div{text-align:center;font-size:.66rem;color:#cbd8e9}.mark-mini{display:grid;place-items:center;min-height:105px;border:1px solid var(--line-cool);border-radius:5px;background:#0a1e3d;margin-bottom:6px}.mark-mini svg{width:75px;height:75px}.mark-mini.is-reverse{background:#e8e3d9}.mark-mini.is-reverse svg{color:#07142b!important}
@keyframes mark-entrance{from{opacity:.4;transform:scale(.93) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:900px){.mark-grid{grid-template-columns:1fr}.mark-controls{border-right:0;border-bottom:1px solid var(--line-cool)}.mark-stage{min-height:500px}}
@media(max-width:700px){.lab-read-form>div{flex-direction:column}.lab-read-form .button{width:100%}.lab-results{grid-template-columns:1fr}.lab-result{padding:20px 24px}.lab-stage{min-height:420px}.mark-stage{padding:23px;min-height:430px}.mark-canvas{min-height:230px}.mark-canvas svg{width:min(230px,100%)}.mark-mini{min-height:78px}.mark-mini svg{width:56px;height:56px}.lab-rail{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.mark-canvas svg{animation:none}}
body.motion-off .mark-canvas svg{animation:none}
