:root{--paper:#f4f0e7;--ink:#242923;--muted:#697065;--line:#cccdbf;--accent:#a3442d;--panel:#e5e3d7;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding-inline:40px}header{display:flex;justify-content:space-between;gap:20px;padding-block:28px;border-bottom:1px solid var(--line);font-size:13px}header .brand{text-decoration:none;font-weight:700}header .brand span{font-weight:400;color:var(--muted)}nav{display:flex;gap:25px}.intro{max-width:820px;padding:76px 0 48px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted);font-weight:650}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,7.6vw,92px);line-height:.99;letter-spacing:-.05em;font-weight:400;margin:25px 0}h1 em{font-weight:400;color:var(--accent)}.dek{max-width:570px;font-size:19px;line-height:1.6;color:#50574d}.toolbar{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:14px 0;gap:20px}.tabs{display:flex;gap:5px}button{border:1px solid var(--line);border-radius:4px;padding:11px 16px;color:var(--ink);background:transparent;font-size:13px}button:hover:not(:disabled){background:#e3e1d5}.tabs button{border-color:transparent}.tabs button.active,.primary{background:var(--ink);color:var(--paper)}.toggle{font-size:13px;display:flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}.portraits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}figure{margin:0}figcaption{display:flex;gap:13px;align-items:center;margin-bottom:14px}figcaption .number{font-family:Georgia,serif;font-size:40px;line-height:1;color:#838b7c}.accent{color:var(--accent)!important}figcaption strong{display:block;font-size:16px}figcaption span:not(.number){display:block;font-size:12px;color:var(--muted);margin-top:4px}.mat{padding:14px;background:#dfdacc;box-shadow:0 10px 24px #28281a13;border:1px solid #c6c4b4}canvas{display:block;width:100%;aspect-ratio:1;background:#222821;image-rendering:pixelated}.caption{display:flex;justify-content:space-between;gap:16px;margin:20px 0;font-size:11px;letter-spacing:.025em;color:var(--muted);line-height:1.6}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0;font-size:13px}.controls input[type=range]{flex:1;min-width:100px;accent-color:var(--accent)}.controls select{font-size:12px;border:1px solid var(--line);padding:10px 7px;background:var(--paper);color:var(--ink)}.controls label{display:flex;gap:8px;align-items:center}.status{color:var(--muted);font-size:12px;line-height:1.6;min-height:24px}#load-note{font-size:13px;line-height:1.6;max-width:700px}progress{width:100%;height:3px;accent-color:var(--accent);display:block;margin-top:20px}.error{padding:14px;border:1px solid var(--accent);color:#8f3026;font-size:13px;line-height:1.6}.notes{border-top:1px solid var(--line);margin-top:70px;padding-top:40px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}h2{font-family:Georgia,serif;font-weight:400;font-size:48px;letter-spacing:-.035em;margin-top:20px;line-height:1.06}.notes p{font-size:16px;line-height:1.75}.notes .eyebrow{font-size:11px}.notes .small{font-size:13px;color:var(--muted)}.details{margin:35px 0 70px}details{border-top:1px solid var(--line);padding:19px 0}summary{font-size:14px;font-weight:600;cursor:pointer}details p{max-width:820px;line-height:1.75;font-size:14px}code{font-size:12px;background:#e5e3d7;padding:3px 5px;border-radius:3px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding-block:25px 40px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:640px){header,main,footer{padding-inline:18px}header{flex-wrap:wrap}.intro{padding:45px 0 28px}.dek{font-size:17px}.portraits{gap:12px}.mat{padding:7px}.toolbar{align-items:start;gap:12px}.tabs{flex-direction:column}.tabs button{padding:8px 10px;font-size:12px}.toggle{font-size:12px;padding-top:10px}figcaption{gap:8px}figcaption .number{font-size:28px}figcaption strong{font-size:14px}figcaption span:not(.number){font-size:10px}.caption{flex-direction:column;gap:5px}.controls{gap:8px}.controls button{padding:10px}.notes{grid-template-columns:1fr;gap:10px;margin-top:40px}h2{font-size:40px}h2 br{display:none}footer{flex-direction:column}.controls select{max-width:230px}#saved-controls #save{margin-left:auto}}