:root{font-family:system-ui,sans-serif;color:#eee8dc;background:#111514;font-size:17px;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:860px;margin:auto;padding:32px 24px}header{padding-top:64px;border-bottom:1px solid #3f4943}h1{font-family:Georgia,serif;font-size:clamp(3rem,9vw,5rem);font-weight:400;letter-spacing:.15em;margin:12px 0}h2{font-family:Georgia,serif;font-weight:400;font-size:1.7rem}.eyebrow{letter-spacing:.18em;font-size:.75rem;color:#c1c9bb}p{max-width:65ch}button,.upload{font:inherit;color:inherit;background:#252e29;border:1px solid #707c6f;padding:11px 18px;border-radius:3px;cursor:pointer;min-height:48px}button:hover{background:#3c483f}button:disabled{opacity:.4;cursor:default}button[aria-current=true]{border-color:#e1c997;background:#3c483f}nav,.row{display:flex;flex-wrap:wrap;gap:10px}nav button{flex:1;min-width:85px}.panel{border:1px solid #3f4943;padding:24px;margin:24px 0}.settings{margin-top:40px;border-top:1px solid #3f4943}label{display:block;margin:14px 0}input[type=range]{width:150px}input[type=file]{max-width:240px;font:inherit}footer{font-size:.8rem;color:#b1b9af}a{color:#e1c997}:focus-visible{outline:3px solid #e1c997;outline-offset:4px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:16px}#notice{padding:12px;border-left:2px solid #c5ae80}[hidden]{display:none!important}@media(max-width:500px){header,main,footer{padding:24px 16px}.panel{padding:16px}.row>*{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}