:root{color-scheme:light}html,body,#root{height:100%;margin:0}body{background:#eae2d2;font-family:EB Garamond,ui-serif,Georgia,serif;overflow:hidden;color:#1a1612}canvas{display:block}.hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#1a16128c;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:EB Garamond,ui-serif,Georgia,serif;font-style:italic;z-index:10;transition:opacity .6s ease}.meta{font-family:EB Garamond,ui-serif,Georgia,serif;color:#1a1612;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:220px;transition:opacity .5s ease}.meta__title{font-style:italic;font-size:13px;line-height:1.2}.meta__caps{margin-top:3px;font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:#1a16129e}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;mix-blend-mode:multiply;opacity:.08;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.aging{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(ellipse at center,transparent 55%,rgba(26,22,18,.18) 100%)}