:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f7f3ec;color:#26241f;font:15px/1.6 Arial,sans-serif}main{width:min(100% - 32px,480px);margin:24px auto;text-align:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#726b61}h1{font:italic 34px/1.2 Georgia,serif;font-weight:400}.view{background:#e7e0d4;border-radius:8px;overflow:hidden;min-height:200px}canvas,img{display:block;width:100%;max-height:55vh;object-fit:contain}#video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}[hidden]{display:none!important}button{font:inherit;background:#26241f;color:white;border:0;border-radius:4px;min-height:48px;padding:10px 18px;margin:5px;cursor:pointer}button:disabled{opacity:.45;cursor:default}#back,#switch,#retake{background:#e7e0d4;color:#26241f}.hint{font-size:12px;color:#726b61}#status{min-height:24px}button:focus-visible{outline:3px solid #849576;outline-offset:3px}