:root{--paper:#fbfaf4;--ink:#15171a;--muted:#8a9099;--faint:#b9bec5;--accent:#8a6336;--hairline:rgba(21,23,26,.12);--edge:32px;--pad:40px}@font-face{font-family:PP Kyoto;src:url(/fonts/PPKyoto-Medium.woff2) format("woff2"),url(/fonts/PPKyoto-Medium.woff) format("woff"),url(/fonts/PPKyoto-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Kyoto;src:url(/fonts/PPKyoto-Light-Italic.woff2) format("woff2"),url(/fonts/PPKyoto-Light-Italic.woff) format("woff"),url(/fonts/PPKyoto-Light-Italic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;color:var(--ink);-webkit-user-select:none;user-select:none;cursor:default;background-color:#eceef1;background-image:radial-gradient(120% 90% at 50% 26%,#ffffffd9,#fff0 58%),linear-gradient(#eef0f3e0,#eef0f3e0),url(/textures/paper.png);background-size:cover,cover,540px auto;background-position:center,center,top left;background-repeat:no-repeat,no-repeat,repeat;background-attachment:fixed}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;animation:rise 1.4s cubic-bezier(.16,1,.3,1) both}canvas{display:block}.grain{display:none}.label{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;transition:opacity .45s ease;animation:lift 1s cubic-bezier(.16,1,.3,1) .35s both}.label{color:#000}.label-corner{position:absolute}.label-tl{top:var(--pad);left:var(--pad)}.label-tr{top:var(--pad);right:var(--pad)}.label-bl{bottom:var(--pad);left:var(--pad);width:172px}.label-br{bottom:var(--pad);right:var(--pad);width:262px}.label-tl,.label-tr{font-family:PP Kyoto,Georgia,serif;font-weight:500;font-style:normal;font-size:14px;line-height:1.5;letter-spacing:.28px;text-transform:uppercase}.label-common{font-family:PP Kyoto,Georgia,serif;font-weight:500;font-style:normal;font-size:16px;line-height:1.5;margin-bottom:4px}.label-latin{font-family:PP Kyoto,Georgia,serif;font-weight:300;font-style:italic;font-size:14px;line-height:1.5;opacity:.5}.label-note{font-family:PP Kyoto,Georgia,serif;font-weight:500;font-style:normal;font-size:14px;line-height:1.5;opacity:.5}@media (max-width:560px){:root{--pad:24px}.label-note,.label-tr{display:none}}.sound{position:fixed;left:50%;top:calc(var(--pad) - 11px);margin-left:-17px;z-index:11;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#fff;border:1px solid var(--hairline);border-radius:50%;cursor:pointer;box-shadow:0 1px 2px #15171a0d;transition:border-color .25s;animation:lift .9s cubic-bezier(.16,1,.3,1) .25s both}.sound .dot{width:7px;height:7px;border-radius:50%;background:var(--faint);transition:background .25s,box-shadow .25s}.sound:hover{border-color:#15171a47}.sound.on{border-color:#8a633673}.sound.on .dot{background:var(--accent);box-shadow:0 0 0 3px #8a633629}@keyframes rise{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes lift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:600px){:root{--edge:18px}.sound{top:18px}}@media (prefers-reduced-motion:reduce){#app,.sound{animation:none}}