*{box-sizing:border-box}html,body{margin:0;height:100%;background:#fff;overflow:hidden}
body{font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1f2330}
#app{position:fixed;inset:0;width:100%;height:100%;border:0;background:#fff;
 padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.cover{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff;z-index:2;padding:24px;text-align:center}
.cover[hidden]{display:none}
.cover img{width:112px;height:112px;border-radius:24px}
.cover .name{font-weight:600;font-size:18px}
.dots{display:flex;gap:6px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--c);opacity:.25;animation:p 1.2s infinite}
.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes p{50%{opacity:1}}
#help{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:3;display:flex;gap:8px;
 background:#1f2330;color:#fff;border-radius:999px;padding:6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}
#help[hidden]{display:none}
#help button{border:0;border-radius:999px;padding:9px 14px;font:600 13px inherit;font-family:inherit;background:var(--c);color:#fff;cursor:pointer}
#help button.alt{background:#495057}
#note{position:fixed;left:16px;right:16px;top:calc(16px + env(safe-area-inset-top));z-index:3;background:#fff3bf;color:#5c4400;border-radius:10px;padding:10px 12px;font-size:14px;text-align:center}
#note[hidden]{display:none}
#openLink{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:4;border:0;border-radius:999px;padding:12px 20px;font:600 15px -apple-system,Segoe UI,sans-serif;background:var(--c);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.25)}
#openLink[hidden]{display:none}
#paste .card{max-width:380px;width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}
#paste input{width:100%;padding:12px;border:1px solid #d6d9e3;border-radius:10px;font-size:16px}
#paste button{padding:12px;border:0;border-radius:10px;font:600 15px inherit;font-family:inherit;background:var(--c);color:#fff;cursor:pointer}
#paste button.link{background:none;color:var(--c)}
#pasteMsg{color:#c0392b;font-size:13px;min-height:16px}
@media (prefers-color-scheme:dark){html,body,.cover,#app{background:#15181d}body{color:#e8eaf0}}