*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#e8e8e8;transition:background-color .3s}body{display:flex;justify-content:center}#note{width:100%;max-width:50rem;height:100%;border:none;outline:none;resize:none;padding:32px 24px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;background:#fff;color:#111;box-shadow:0 0 40px #00000014;transition:background-color .3s,color .3s,box-shadow .3s}#status{position:fixed;bottom:12px;right:16px;font-size:12px;color:#888;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;opacity:0;transition:opacity .3s,color .3s}#status.visible{opacity:1}@media(prefers-color-scheme:dark){html,body{background:#111}#note{background:#1a1a1a;color:#e0e0e0;box-shadow:0 0 40px #0000004d}#status{color:#555}}