.pwa-brand{display:flex;align-items:center;gap:10px}
.pwa-brand-logo{width:22px;height:22px;object-fit:contain;display:block}
.hero-logo{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 10px auto}

:root{--bg:#f3f6fb;--panel:#fff;--line:#dce5ef;--text:#1b2a41;--muted:#667085;--primary:#1565c0;--accent:#ef6c00;--danger:#c62828;--ok:#2e7d32;--shadow:0 12px 28px rgba(15,23,42,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#eaf2ff 0,#f7f9fc 220px);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text)}button,input,select{font:inherit}button{border:0;border-radius:16px;padding:14px 18px;background:#eef4fb;color:var(--primary);font-weight:750;cursor:pointer;min-height:48px}button.primary{background:var(--primary);color:#fff}button.big{font-size:18px;min-height:64px}button.ghost{background:transparent;border:1px solid var(--line)}button.danger{color:var(--danger)}label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted);font-weight:650}input,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(21,101,192,.12)}.pwa-topnav{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 8px 20px rgba(15,23,42,.05)}.pwa-brand{font-weight:900;color:var(--text);text-decoration:none;white-space:nowrap}.pwa-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.pwa-topnav a{color:var(--primary);text-decoration:none;font-weight:750;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:999px;white-space:nowrap}.app-shell{max-width:900px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.screen{display:none;gap:16px}.screen.active{display:flex;flex-direction:column}.brand-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.brand-card{background:linear-gradient(135deg,#17355f,#1565c0);color:#fff}.brand-card p{color:rgba(255,255,255,.82)}.head-card h1,.brand-card h1{font-size:clamp(28px,7vw,44px);line-height:1.05;margin:8px 0 12px}.card h2{margin:0 0 12px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:800;color:inherit;opacity:.75}.muted{color:var(--muted)}.small{font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.participant-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.participant-line span{background:#edf4ff;color:#0d47a1;padding:7px 12px;border-radius:999px;font-weight:800}.mark-card h1{font-variant-numeric:tabular-nums;font-size:54px}.last-mark{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px}.hidden{display:none!important}.list{display:flex;flex-direction:column;gap:10px}.item{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.item strong{display:block}.item .meta{font-size:12px;color:var(--muted);margin-top:4px}.compact{max-height:260px;overflow:auto}.scanner{position:fixed;inset:0;z-index:20;background:#000;display:flex;align-items:stretch;justify-content:center}.scanner-panel{position:relative;width:100%;height:100%}.scanner video{width:100%;height:100%;object-fit:cover}.scanner canvas{display:none}.scanner-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.scanner-overlay button{background:#fff;color:#111}.toast{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;background:#102033;color:#fff;padding:14px 16px;border-radius:16px;box-shadow:var(--shadow)}@media(max-width:720px){.pwa-topnav{align-items:flex-start;flex-direction:column}.pwa-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.pwa-nav a{text-align:center;padding:9px 6px;font-size:13px}.grid2{grid-template-columns:1fr}.card,.brand-card{border-radius:20px;padding:18px}.mark-card h1{font-size:44px}}