:root{color-scheme:light dark;--primary:#1a6b6e;--on-primary:#fff;--surface:#f4faf9;--on-surface:#213333;--surface-container:#e5efed;--secondary-container:#c7e8e4;--outline:#6f8481;font-family:"Google Sans","Noto Sans SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--on-surface)}main{max-width:1000px;margin:auto;padding:24px max(20px,env(safe-area-inset-right)) 32px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.brand{font-size:26px;font-weight:850;letter-spacing:-1px}.hero{padding:44px 4px 28px}.eyebrow{color:var(--primary);font-size:13px;font-weight:700}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin:8px 0 16px}h2{font-size:22px;margin:12px 0}p{line-height:1.65;overflow-wrap:anywhere}button,.button{border:0;border-radius:999px;min-height:46px;padding:12px 22px;background:var(--primary);color:var(--on-primary);font:600 14px inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .18s,transform .18s}button:active,.button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:wait}.tonal{background:var(--secondary-container);color:var(--on-surface)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.card{background:var(--surface-container);border-radius:28px;padding:20px;overflow:hidden;animation:appear .25s ease both}.card img{width:100%;height:230px;object-fit:contain;display:block;border-radius:16px;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.muted{opacity:.7;font-size:13px}footer{padding:34px 4px 8px;font-size:12px;opacity:.65}progress{width:100%;accent-color:var(--primary)}.qr{background:white;border-radius:28px;padding:18px;width:min(100%,320px);margin:18px auto}.qr svg{display:block;width:100%;height:auto}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tag{border-radius:99px;background:var(--secondary-container);padding:6px 12px;font-size:13px}.banner{width:100%;border-radius:26px;display:block}.avatar{width:88px;height:88px;object-fit:cover;border-radius:50%}dialog{max-width:420px;border:0;border-radius:28px;background:var(--surface);color:var(--on-surface);padding:26px}dialog::backdrop{background:#0006}.full{width:100%}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(8px)}}@media(prefers-color-scheme:dark){:root{--primary:#9cd7d7;--on-primary:#003739;--surface:#101a1a;--on-surface:#deebe8;--surface-container:#233332;--secondary-container:#2f4b48;--outline:#8caba7}}