:root{--ink:#1a1a1a;--ink-soft:#1a1a1a9e;--paper:#fdfdfb;--paper-shade:#f3f1ea;--rule:#c8c4b4;--orange:#fbba37;--orange-deep:#e3a41f;--red-pencil:#c8442d;--ink-on-orange:#1a1a1a}@media (prefers-color-scheme:dark){:root{--ink:#f2efe6;--ink-soft:#f2efe6a8;--paper:#161513;--paper-shade:#1e1c19;--rule:#4a4740;--red-pencil:#e06b55}}*{box-sizing:border-box}html,body{background:var(--paper-shade);min-height:100%;color:var(--ink);margin:0;font-family:Rubik,system-ui,sans-serif;font-size:17px;line-height:1.4}main{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.note{background:var(--paper);border:1.5px solid var(--ink);border-radius:6px;width:min(100%,400px);padding:28px 24px 24px;position:relative;overflow:hidden}.note:after{content:"";inset-inline-end:-1px;background:linear-gradient(to bottom left, var(--paper) 50%, var(--orange) 50%);border-inline-start:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);border-end-start-radius:4px;width:36px;height:36px;position:absolute;top:-1px}[dir=rtl] .note:after{background:linear-gradient(to bottom right, var(--paper) 50%, var(--orange) 50%)}.penguin{width:44px;height:44px;margin-bottom:16px;display:block}h1{margin:0 0 4px;font-family:Secular One,Rubik,sans-serif;font-size:28px;font-weight:400;line-height:1.2}.name{min-height:1.3em;margin:16px 0 2px;font-family:Secular One,Rubik,sans-serif;font-size:22px}.state,.muted{color:var(--ink-soft);margin:0}.actions{gap:8px;margin-top:24px;display:grid}.button{text-align:center;color:var(--ink-on-orange);background:var(--orange);border:1.5px solid #0000;border-radius:999px;padding:13px 24px;font-weight:500;text-decoration:none;display:block}.button:active{background:var(--orange-deep)}.button:disabled{opacity:.6}.button.quiet{color:var(--ink);border-color:var(--ink);background:0 0}.code{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-weight:500}hr{border:0;border-top:1px solid var(--rule);margin:24px 0 16px}[hidden]{display:none!important}