:root{color-scheme:light;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;--bg: #f1f5f9;--brand: #6b3dff;--brand-deep: #4c1d95;--ink: #0f172a;--panel: #ffffff;--panel-soft: #f8fafc;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #6b3dff;--danger: #ef4444;--ok: #10b981}.splash-screen{align-items:center;background:radial-gradient(circle at 50% 36%,rgba(107,61,255,.18),transparent 18rem),var(--bg);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh;padding:2rem}.splash-orbit{animation:rise-in .52s ease-out both;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 26px 70px #4c1d952e;padding:1rem 1.1rem;position:relative}.splash-orbit:after{animation:pulse-ring 1.3s ease-out infinite;border:2px solid rgba(107,61,255,.35);border-radius:28px;content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;position:absolute}.splash-screen p{color:var(--muted);font-size:.85rem;margin:0}.card{animation:rise-in .42s ease-out both}button.primary,button.small{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button.primary:not(:disabled):hover{box-shadow:0 14px 30px #6b3dff3d;transform:translateY(-1px)}button.small:hover{border-color:var(--brand);transform:translateY(-1px)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.96)}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgba(107,61,255,.16),transparent 34rem),var(--bg);color:var(--text);min-height:100vh}.app-shell{max-width:480px;margin:0 auto;padding:calc(1.5rem + env(safe-area-inset-top)) 1.25rem calc(4.75rem + env(safe-area-inset-bottom))}h1,h2,h3{line-height:1.2}h1{color:var(--ink);letter-spacing:0}h2{color:var(--ink);font-size:1.05rem;letter-spacing:0}.brand-logo{align-items:center;color:var(--ink);display:inline-flex;font-size:1.25rem;font-weight:700;gap:.55rem}.brand-logo img{height:2rem;width:2rem}.brand-logo strong{color:var(--brand)}.brand-logo.compact img{height:1.75rem;width:1.75rem}.card{background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 55px #0f172a14;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;color:var(--muted)}.field input,.field select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.65rem .8rem;color:var(--text);font-size:1rem;min-width:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}button.primary{width:100%;padding:.8rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:1rem;cursor:pointer}button.primary:disabled{opacity:.6;cursor:not-allowed}button.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:.9rem}button.small{background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;font-size:.8rem;padding:.4rem .55rem}.error-text{color:var(--danger);font-size:.9rem;margin:.25rem 0 1rem}.success-text{color:var(--ok);font-size:.9rem;margin:.25rem 0 1rem}.muted{color:var(--muted);font-size:.85rem}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:0;margin:0 0 .25rem;text-transform:uppercase}.topbar{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.topbar h1{margin:0}.segmented{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:1rem;padding:.25rem}.segmented button{background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;font-weight:700;padding:.65rem}.segmented button.active{background:var(--accent);color:#fff}.check-row{align-items:flex-start;color:var(--muted);display:flex;font-size:.85rem;gap:.6rem;line-height:1.4;margin:0 0 1rem}.check-row input{margin-top:.2rem}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-wrap img{width:230px;height:230px;border-radius:12px;background:#fff;padding:12px;box-shadow:0 18px 50px #4c1d952e}.qr-card{align-items:center;background:linear-gradient(160deg,#6b3dff,#4c1d95);border:0;display:flex;justify-content:center;min-height:320px}.pass-row,.list-row{display:flex;gap:.75rem;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.invite-box{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:flex;gap:.5rem;justify-content:space-between;margin:0 0 1rem;padding:.65rem}.invite-box span{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.pass-row:last-child,.list-row:last-child{border-bottom:none}.badge{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:#334155}.badge.ok{background:#4ade8026;color:var(--ok)}.badge.warn{background:#f8717126;color:var(--danger)}nav.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -12px 35px #0f172a14;padding-bottom:env(safe-area-inset-bottom)}nav.tabbar a{flex:1;text-align:center;padding:.9rem 0;color:var(--muted);text-decoration:none;font-size:.85rem}nav.tabbar a.active{color:var(--accent)}.profile-row{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.profile-row:last-child{border-bottom:0}.profile-row span{color:var(--muted);font-size:.85rem}.profile-row strong{overflow-wrap:anywhere;text-align:right}@media (max-width: 380px){.field-grid{grid-template-columns:1fr;gap:0}.pass-row{align-items:flex-start;flex-direction:column}.row-actions{justify-content:flex-start}.profile-row{grid-template-columns:1fr;gap:.25rem}.profile-row strong{text-align:left}}
