/* Mobile-first minimal UI */
:root{
  --bg: #0B0C0F;
  --card: #14161A;
  --text: #EAECEE;
  --muted: #9BA3AE;
  --primary: #2DD36F;
  --danger: #FF4D4F;
  --border: #2A2E35;
  --accent: #2D9CDB;
  --shadow: rgba(0,0,0,0.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.app-header{padding:16px 16px 0;text-align:center}
.app-header h1{margin:0;font-size:1.6rem}
.subtitle{margin:.3rem 0 1rem;color:var(--muted)}
.container{padding:12px;max-width:600px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);border-radius:14px;padding:16px;margin:12px 0}
h2{font-size:1.1rem;margin:0 0 12px}
.upload-row, .search-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
input[type="text"]{flex:1;min-width:200px;background:#0f1115;color:var(--text);border:1px solid var(--border);padding:14px 12px;border-radius:12px;font-size:18px;outline:none}
button{border:1px solid var(--border);background:#101319;color:var(--text);padding:12px 14px;border-radius:12px;font-size:16px;cursor:pointer}
button.primary{background:var(--accent);border-color:#1b75b6;color:#fff;font-weight:700}
.segmented{display:flex;background:#0f1115;border:1px solid var(--border);padding:4px;border-radius:12px;width:100%}
.segmented-btn{flex:1;background:transparent;border:none;padding:10px;border-radius:8px;color:var(--muted);font-weight:700}
.segmented-btn.active{background:#1b1f27;color:#fff}
.result{margin-top:16px}
.pass,.fail{padding:18px;border-radius:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--border)}
.pass{background:rgba(45,211,111,.12);border-color:rgba(45,211,111,.35)}
.fail{background:rgba(255,77,79,.12);border-color:rgba(255,77,79,.35)}
.badge{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%}
.badge.pass{background:var(--primary)}
.badge.fail{background:var(--danger)}
.badge svg{width:28px;height:28px;color:#fff}
.details{margin-left:4px}
.details .label{font-size:.9rem;color:var(--muted)}
.details .value{font-size:1.05rem;font-weight:800}
.app-footer{padding:28px 16px;color:#6b7482;text-align:center;font-size:.85rem}