:root{color-scheme:dark;--ink:#eeeade;--muted:#a7b5aa;--gold:#f6da84;--line:#2b4036}*{box-sizing:border-box}body{margin:0;background:#0c1713;color:var(--ink);font:15px/1.6 system-ui,sans-serif}main{max-width:1400px;margin:auto;padding:42px 48px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);margin:0 0 12px}h1{font:normal clamp(40px,5vw,68px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0}h1 em{font-weight:normal;color:var(--gold)}.intro{color:var(--muted);margin:14px 0 0}.badge{font-size:10px;letter-spacing:.16em;text-align:right;color:var(--muted)}.badge span{display:block;color:var(--gold);margin-top:8px}.lab{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#101f19}.field{min-width:0;padding:18px;background:#07100d}.fieldbar,.fieldfoot,.meterhead{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.07em;color:var(--muted)}.fieldbar i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:5px}#status{color:var(--gold)}canvas{display:block;width:100%;aspect-ratio:12/7;background:radial-gradient(ellipse at center,#112719,#030806 80%);border-radius:8px;margin:14px 0;touch-action:none;cursor:crosshair}canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.fieldfoot{font-size:10px;letter-spacing:0;flex-wrap:wrap}.meterhead{margin-top:24px;font-size:12px}.meterhead label{margin:0}progress{width:100%;height:5px;appearance:none;border:0;display:block;margin:9px 0;background:#25382d;border-radius:9px}progress::-webkit-progress-bar{background:#25382d;border-radius:9px}progress::-webkit-progress-value{background:var(--gold);border-radius:9px}.caption{font-size:11px;color:var(--muted);margin:10px 0}aside{padding:25px;border-left:1px solid var(--line)}h2{font:normal 35px/1.05 Georgia,serif;margin:0 0 15px}aside p{font-size:12px;color:var(--muted)}button{font:inherit;font-size:12px;background:#1a3025;border:1px solid #3c5545;color:var(--ink);border-radius:6px;min-height:40px;padding:8px 11px;cursor:pointer}button:hover{border-color:var(--gold);background:#2c4030}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{width:100%;background:var(--gold);color:#162219;border-color:var(--gold);font-weight:650}.primary:hover{background:#ffe7a0}.primary[aria-pressed=true]{background:#d8eca3}.hint{font-size:11px;margin:10px 0 22px}label{display:block;font-size:11px;margin-top:12px}label output{float:right;color:var(--gold);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--gold);height:22px;cursor:pointer;margin:4px 0}input:disabled{opacity:.4;cursor:not-allowed}.check{display:flex;gap:8px;align-items:center;margin-top:14px}.check label{margin:0}.check input{accent-color:var(--gold);width:17px;height:17px}.buttons{display:flex;gap:6px;margin-top:19px;flex-wrap:wrap}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:29px 0 18px}.notes span{font:italic 20px Georgia;color:#809d7b}.notes h3{font-size:13px;margin:7px 0}.notes p{font-size:12px;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:10px}a{color:var(--gold)}@media(max-width:850px){main{padding:25px 18px}.lab{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}h2 br{display:none}.badge{display:none}.notes{gap:18px}}@media(max-width:480px){h1{font-size:44px}.field{padding:12px}.fieldbar{font-size:8px}.notes{grid-template-columns:1fr;gap:14px}.notes article{border-bottom:1px solid var(--line);padding-bottom:12px}aside{padding:20px}.caption{font-size:10px}}