: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>")}.player{position:fixed;left:50%;bottom:56px;transform:translate(-50%,24px);z-index:12;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 12px;background:#f5efe2e0;border:1px solid rgba(26,22,18,.16);border-radius:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .26s ease,transform .32s cubic-bezier(.2,.7,.2,1);box-shadow:0 8px 24px #1a161214}.player--open{opacity:1;transform:translate(-50%);pointer-events:auto}.player__meta{text-align:center;font-family:EB Garamond,ui-serif,Georgia,serif;color:#1a1612;line-height:1.15}.player__title{font-style:italic;font-size:15px}.player__by{margin-top:3px;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#1a161299}.player__frame{border-radius:2px;overflow:hidden;border:1px solid rgba(26,22,18,.1);line-height:0}.player__frame iframe{display:block}.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%)}