*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#eee;background:#111}main{max-width:1440px;margin:auto;padding:0 46px}h1{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.04em;margin:14px 0}em{font-family:Georgia,serif;font-weight:400;color:#ff6400}.intro{padding:34px 0 24px}.intro>p:last-child{color:#b6b6af;max-width:650px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.16em;color:#b3b3a9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.viewer{position:sticky;top:20px;min-width:0}.photo{position:relative;background:#080808;aspect-ratio:16/9;overflow:hidden;border-radius:10px}.photo img,.photo canvas{width:100%;height:100%;object-fit:contain;display:block}.photo [hidden]{display:none}#badge{position:absolute;top:14px;left:14px;padding:7px 10px;font-size:11px;background:#111b;border-radius:20px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;color:#eee;border:1px solid #444;background:#20201d;border-radius:7px;padding:10px 13px;min-height:44px;cursor:pointer}button:hover,button[aria-pressed=true]{border-color:#ff6400}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ff6400;outline-offset:4px}#status{font-size:12px;color:#b3b3aa;min-height:18px}.check{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:16px;min-height:36px}input{accent-color:#ff6400}.histogram{margin-top:12px;background:#191918;padding:10px;border-radius:8px}.histogram canvas{display:block;width:100%;height:65px}.histogram div{display:flex;justify-content:space-between;font-size:10px;color:#999}.hint,details p,.method p{color:#aaa;line-height:1.6;font-size:13px}details{margin:15px 0}summary{font-size:13px;cursor:pointer}aside{background:#191918;border:1px solid #32322e;padding:20px;border-radius:10px}aside h3{font-size:14px;margin:20px 0 14px}aside h3:first-child{margin-top:0}small{color:#999;font-size:10px}.control{margin-bottom:20px}.control label{display:flex;justify-content:space-between;font-size:13px}.control output{font-variant-numeric:tabular-nums;color:#ff8d43}.control input{width:100%;height:30px;margin:4px 0;cursor:pointer}.control p{font-size:11px;line-height:1.5;color:#999;margin:0}.experiments{margin:24px 0;border-top:1px solid #333;padding-top:16px}.tasks{display:flex;gap:7px;flex-wrap:wrap}.tasks button{font-size:11px}.experiments h2,.method h2{font-size:21px;font-weight:500}.experiments>p:not(.eyebrow){font-size:13px;line-height:1.65;color:#bbb}#task-feedback{color:#ff9854}.method{padding:24px 0;max-width:850px;border-top:1px solid #333;margin-top:30px}.school-nav{flex-wrap:wrap}@media(max-width:900px){main{padding:0 22px}.workspace{grid-template-columns:1fr}.viewer{position:static}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}aside h3,aside>.hint{grid-column:1/-1}.intro{padding-top:24px}}@media(max-width:520px){main{padding:0 16px}.school-nav{padding:16px!important;gap:6px}.school-nav a{font-size:11px;padding:9px}.toolbar button{font-size:11px;flex:1}aside{display:block;padding:16px}.intro>p:last-child{font-size:14px}h1{font-size:38px}.tasks button{flex:1}.school-header{padding:0 16px!important}}

.range-ends{display:flex;justify-content:space-between;font-size:11px;margin:-2px 0 8px;color:#aab5c5}.range-ends span:last-child{color:#e7ae86}