:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#e6ddce;--muted:#a9ada9;--copper:#c28d68;--surface:#131b20}*{box-sizing:border-box}body{background:var(--surface);color:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,summary:focus-visible,.file-label:focus-within{outline:2px solid var(--copper);outline-offset:5px}main{max-width:1560px;margin:auto;padding:32px 64px 22px}header{border-bottom:1px solid #384047;justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.brand,.eyebrow{letter-spacing:.18em;font-size:10px;line-height:1.6}.languages{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.languages button{min-width:44px;min-height:44px}.languages button[aria-pressed=true]{color:var(--paper);text-underline-offset:6px;text-decoration:underline}.study{grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr);align-items:center;gap:clamp(32px,5vw,90px);padding:36px 0 28px;display:grid}.eyebrow{color:var(--copper);margin:0 0 24px}h1{white-space:pre-line;letter-spacing:-.045em;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.4vw,67px);font-weight:400;line-height:1.07}.intro{color:var(--muted);max-width:330px;margin:0 0 32px;font-size:14px;line-height:1.8}.controls{max-width:340px}.mode{border:1px solid #465056;margin-bottom:18px;padding:4px;display:flex}.mode button{flex:1;min-height:44px;padding:12px 8px;font-size:12px}.mode button[aria-pressed=true]{background:#28363d}.check{justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-size:12px;display:flex}input[type=checkbox]{accent-color:var(--copper);width:18px;height:18px}.range{margin:15px 0;font-size:12px;display:block}.range span{justify-content:space-between;gap:16px;display:flex}output{color:var(--copper);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--copper);height:30px;margin:4px 0 0;display:block}.reset{border-bottom:1px solid #465056;justify-content:space-between;width:100%;min-height:44px;margin:6px 0 18px;padding:8px 0;font-size:12px;display:flex}.file-label{cursor:pointer;text-underline-offset:5px;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:inline-flex;position:relative}.file-label input{opacity:0;width:1px;height:1px;position:absolute}.privacy{color:var(--muted);margin:0;font-size:11px}figure{min-width:0;margin:0}.painting{background:#10161a;position:relative}canvas{width:100%;height:auto;display:block}.painting:not([data-status=ready]) canvas{visibility:hidden}.status{text-align:center;color:var(--muted);justify-content:center;align-items:center;margin:0;padding:30px;font-size:14px;line-height:1.7;display:flex;position:absolute;inset:0}.painting[data-status=ready] .status{display:none}figcaption{color:var(--muted);letter-spacing:.07em;border-bottom:1px solid #384047;justify-content:space-between;gap:20px;padding:16px 0;font-size:10px;line-height:1.6;display:flex}.hint{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.7}footer{color:var(--muted);border-top:1px solid #384047;justify-content:space-between;gap:24px;padding-top:16px;font-size:11px;display:flex}footer p{margin:0;line-height:1.7}summary{cursor:pointer;min-height:30px}dl{margin:8px 0}dl div{justify-content:space-between;gap:24px;margin-bottom:8px;display:flex}dd{font-variant-numeric:tabular-nums;margin:0}@media (min-width:1300px){.painting{max-width:690px;margin-left:auto}}@media (max-width:760px){main{padding:20px 24px}header{gap:10px;padding-bottom:18px}.brand{max-width:190px}.study{grid-template-columns:1fr;gap:32px;padding-top:30px}h1{font-size:48px}.intro{max-width:420px}.controls{max-width:none}figure{grid-row:2}footer{flex-wrap:wrap}.eyebrow{margin-bottom:16px}}