*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box}:focus,:focus-visible{outline:none}body{--h:100vh;--fg:#333;background:#f1fbff;color:var(--fg);font-family:"Noto Serif",serif;margin:0;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none}body.dark{--fg:#fff;background:#01222e}@media (prefers-color-scheme:dark){body{--fg:#fff;background:#01222e}}.display{align-items:center;bottom:0;display:flex;height:var(--h);justify-content:center;padding:32px}.date,.display{left:0;position:fixed;right:0;top:0}.date{font-family:Arial,sans-serif;font-size:16px;opacity:.4;padding:12px}.content,.date{font-weight:700;text-align:center}.content{display:inline-block;font-size:32px}.content:first-letter{text-transform:uppercase}.actions{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:absolute;right:0}.actions .spacer{flex:1 1}.actions .action{align-items:center;cursor:pointer;display:flex;font-size:24px;height:52px;justify-content:center;transition:all .1s linear;width:52px}.actions .action.opaque{opacity:.666}.actions .action[data-active=false]{filter:grayscale(1);opacity:.8}.actions .action img,.actions .action svg{display:block;height:32px}@media screen and (min-width:600px){.display{left:calc(50% - 300px);width:600px}}