:root { color-scheme: light dark; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
       padding: 24px; max-width: 920px; margin: 0 auto; }
h1 { font-size: 20px; }
.muted { opacity: .6; }
input { padding: 10px; font-size: 15px; }
.login input { width: 280px; max-width: 70vw; }
button { padding: 10px 16px; font-size: 15px; cursor: pointer; margin-left: 6px; }
.box { border: 1px solid rgba(128,128,128,.25); border-radius: 10px;
       padding: 16px; margin: 14px 0; }
.hidden { display: none; }
.card { border: 1px solid rgba(128,128,128,.3); border-radius: 10px;
        padding: 14px 16px; margin: 12px 0; }
.head b { font-size: 16px; }
.code { font-family: ui-monospace, monospace; opacity: .8; }
.tag { font-size: 11px; border: 1px solid rgba(128,128,128,.4);
       border-radius: 999px; padding: 1px 8px; margin-left: 6px; }
.stats { margin: 8px 0; font-size: 14px; }
.share { display: flex; gap: 12px; align-items: center; margin-top: 8px; }
.share input { flex: 1; padding: 6px 8px; font-family: ui-monospace, monospace; font-size: 12px; }
.qr { margin-top: 12px; }
.qr svg { display: block; border-radius: 6px; }
#msg { color: #c0392b; margin: 8px 0; min-height: 18px; }
.sub { font-size: 13px; }