[hidden]{display:none!important}
html{background:var(--bg);color-scheme:light dark}
body{margin:0;padding-top:max(12px,env(safe-area-inset-top,0px));min-height:100vh}
.proto strong{color:var(--ink);font-family:var(--display)}
.auth{display:flex;flex-direction:column;gap:14px}
.auth h1{font-size:2rem}
.err{background:var(--coral-soft);border:1px solid var(--coral);border-radius:14px;padding:10px 14px}
.code{font-family:var(--display);font-size:2rem;letter-spacing:.2em;text-align:center;background:var(--sun-soft);color:var(--sun-ink);border-radius:18px;padding:14px}
.pic img{width:100%;height:100%;object-fit:cover;display:block}
.pic-wrap{display:contents}
.danger{border-color:var(--coral);color:var(--coral)}
.empty{text-align:center;color:var(--muted);padding:18px}
.card .thumb{width:56px;height:56px;border-radius:14px;overflow:hidden;flex:none}
.card .thumb svg,.card .thumb img{width:100%;height:100%;object-fit:cover;display:block}