body{margin:0;font-family:Nunito,sans-serif;background:#0a0a0d;color:#eee;min-height:100vh}
.mono{font-family:'JetBrains Mono',monospace}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}
.phone{aspect-ratio:9/16;height:min(calc(100vh - 40px),calc((100vw - 16px)*16/9));background:#16161b;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}
.acc{color:var(--acc)}
.drop{border:2px dashed #ffffff25;transition:.2s}
.drag,.drop:hover{border-color:var(--acc);box-shadow:0 0 24px color-mix(in srgb,var(--acc) 40%,transparent)}
.btn{background:var(--acc);color:#000;font-weight:900;border-radius:999px;padding:10px 16px}
.btn-s{background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
.btn-s:hover{background:var(--acc);color:#000}
.fade{animation:f .25s ease-out}
@keyframes f{from{opacity:0;transform:translateY(8px)}to{opacity:1}}