:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #07101c; color: #edf8f2; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% 0, #0e4a45 0, transparent 35rem), #07101c; }
.shell { width: min(58rem, calc(100% - 2rem)); margin: 0 auto; padding: 2rem 0 4rem; }
header { display:flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
h1 { margin: .2rem 0; font-size: clamp(1.7rem, 5vw, 2.5rem); letter-spacing: -.04em; }
h2 { margin-top: 0; }.eyebrow { color:#7ef2ba; font-size:.75rem; letter-spacing:.12em; font-weight:750; margin:0; }.card { background:rgba(13,29,42,.92); border:1px solid #294256; border-radius:1.25rem; box-shadow:0 1rem 4rem rgba(0,0,0,.25); }.login-card { width:min(28rem,100%); margin:10vh auto; padding:2rem; }.login-card p:not(.eyebrow) { color:#bdd1ca; line-height:1.55; }
label { display:grid; gap:.45rem; font-size:.9rem; font-weight:650; margin-top:1rem; } input, textarea { width:100%; border:1px solid #3b5665; background:#091923; color:inherit; padding:.8rem; border-radius:.6rem; font:inherit; } textarea { min-height:4.5rem; resize:vertical; }
button { appearance:none; border:0; border-radius:.7rem; background:#7ef2ba; color:#042116; padding:.78rem 1rem; margin-top:1rem; font:700 .95rem inherit; cursor:pointer; min-height:2.75rem; } button:focus-visible, input:focus-visible, textarea:focus-visible { outline:3px solid #b7eaff; outline-offset:2px; }.quiet { margin:0; color:#d8e8e1; background:transparent; border:1px solid #3b5665; }.account { display:flex; align-items:center; gap:.75rem; color:#bdd1ca; font-size:.85rem; }.capture { overflow:hidden; }.metadata { padding:1rem 1.2rem .8rem; display:flex; flex-wrap:wrap; gap:.7rem; color:#bdd1ca; font-size:.88rem; }.metadata strong { color:#edf8f2; }.capture img { display:block; width:100%; max-height:68vh; object-fit:contain; background:#02070b; }.capture > p, .capture > .actions, .capture > .notes, .capture > .error { margin-left:1.2rem; margin-right:1.2rem; }.capture > p { font-size:1.15rem; font-weight:700; }.actions { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }.actions button { margin:0; }.positive { background:#7ef2ba; }.negative { background:#ffd19b; color:#3b2100; }.unknown { background:#b9c7f5; color:#132044; }.notes { margin-bottom:.75rem; }.error { min-height:1.25rem; color:#ffb4ab; font-size:.9rem; }.empty { padding:2rem; text-align:center; color:#bdd1ca; }
@media (max-width: 38rem) { .shell { width:min(100% - 1rem, 58rem); padding-top:1rem; } header { align-items:flex-start; }.account { flex-direction:column; align-items:flex-end; }.actions { grid-template-columns:1fr; }.capture img { max-height:52vh; } }