:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef7f3;background:#08121b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#08121b;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#sunlight-stage,#sunlight-stage canvas{width:100%;height:100%;position:fixed;inset:0}.hud{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0c1b24ee,#08131cd2);border:1px solid #526b6c;border-radius:20px;width:min(620px,100vw - 32px);margin:24px;padding:22px;position:relative;box-shadow:0 24px 90px #0008}.eyebrow{color:#f4c879;letter-spacing:.16em;font:700 .7rem ui-monospace,monospace}h1{letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(2rem,5vw,4rem);line-height:.92}.intro,.hint,.source{color:#adc4c2;line-height:1.55}code,a{color:#f4c879}.controls,.status,.metrics{gap:10px;margin-top:18px;display:grid}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#91aaa9;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:.68rem;display:grid}input[type=range]{accent-color:#f4c879;width:100%}select,button{color:#f4fbfa;width:100%;font:inherit;background:#142b35;border:1px solid #506d72;border-radius:10px;padding:10px 12px}button{cursor:pointer}button:hover{border-color:#f4c879}button:disabled{opacity:.45;cursor:default}.check{color:#d7e8e5;letter-spacing:0;text-transform:none;border:1px solid #506d72;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:.82rem;display:flex}.check input{accent-color:#f4c879}.status{background:#0b1a23;border:1px solid #38565d;border-radius:14px;padding:14px}.status-line{justify-content:space-between;gap:12px;font-weight:700;display:flex}#status-label{color:#f4c879}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.metrics div{background:#112730;border-radius:9px;padding:9px}dt{color:#789795;text-transform:uppercase;font-size:.61rem}dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.82rem}#error-output{color:#ff9f9f;white-space:pre-wrap}.hint{margin-bottom:0;font-size:.82rem}.source{font-size:.72rem}@media (width<=680px){body{overflow:auto}.hud{margin:12px;padding:17px}.controls,.metrics{grid-template-columns:1fr 1fr}}