@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Work+Sans:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #0b1220;--bg-soft: #111a2e;--bg-card: #151f36;--bg-glass: rgba(17, 26, 46, .72);--accent: #f59e0b;--accent-2: #f97316;--mint: #38bdf8;--text: #f8fafc;--muted: #94a3b8;--border: rgba(148, 163, 184, .2);--shadow: 0 30px 60px rgba(3, 7, 18, .55);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 22px;--space-6: 28px;--space-8: 36px;--space-10: 48px;--font-display: "Fraunces", serif;--font-body: "Work Sans", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.2),transparent 35%),radial-gradient(circle at 80% 10%,rgba(245,158,11,.2),transparent 40%),linear-gradient(145deg,#0b1220,#0e172a 45%,#0b1120);color:var(--text)}a{color:inherit;text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#0a101ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display)}.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);font-weight:700;color:#111827}.brand-meta span{display:block;font-size:.75rem;color:var(--muted)}.menu-button{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:999px;font-size:.85rem;cursor:pointer}.screen{flex:1;padding:var(--space-6) var(--space-5) calc(var(--space-8) + var(--safe-bottom));animation:screenIn .35s ease}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 var(--space-3)}.muted{color:var(--muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow)}.pill{border-radius:999px;border:1px solid var(--border);padding:6px 12px;font-size:.75rem;color:var(--muted)}.button{border:none;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#111827;font-weight:700;font-family:var(--font-body);cursor:pointer;width:100%}.button.secondary{background:#1f2937;color:var(--text);border:1px solid var(--border)}.button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.button:disabled{opacity:.6;cursor:not-allowed}.input,.select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0f172acc;color:var(--text);font-size:.95rem}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:var(--space-3);border-radius:18px;background:var(--bg-glass);border:1px solid var(--border)}.stat-value{font-size:1.4rem;font-weight:700}.nav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;display:grid;place-items:end;z-index:30}.nav-panel{width:100%;background:var(--bg-card);border-radius:22px 22px 0 0;padding:var(--space-5);display:grid;gap:var(--space-3)}.nav-link{display:flex;justify-content:space-between;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#11182799;font-size:.95rem}.scan-stage{position:relative;min-height:60vh;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:#0b1020}.scan-video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.scan-frame{width:min(80vw,320px);aspect-ratio:2.5 / 3.5;border-radius:18px;border:2px dashed rgba(248,250,252,.5);box-shadow:0 0 0 999px #00000059}.scan-stage[data-mode=name] .scan-frame{width:min(90vw,320px);aspect-ratio:5 / 1.2;transform:translateY(-35%)}.scan-stage[data-mode=number] .scan-frame{width:min(70vw,220px);aspect-ratio:3 / 1.4;transform:translate(35%,35%)}.scan-controls{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.card-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:var(--space-3);display:grid;gap:var(--space-2);transition:transform .2s ease,border-color .2s ease}.card-tile img{width:100%;border-radius:12px;aspect-ratio:2.5 / 3.5;object-fit:cover;background:#0f172a}.card-tile.highlight{border-color:#38bdf8b3;box-shadow:0 0 0 2px #38bdf833,0 16px 40px #38bdf840;animation:glowPulse 1.4s ease;transform:translateY(-4px)}@keyframes glowPulse{0%{box-shadow:0 0 #38bdf880}60%{box-shadow:0 0 30px 6px #38bdf859}to{box-shadow:0 0 #38bdf800}}.particle-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:50}.particle{position:absolute;border-radius:999px;background:radial-gradient(circle,#fbbf24 0%,#38bdf8 60%,transparent 100%);animation:particle-pop 1.2s ease-out forwards;opacity:0}@keyframes particle-pop{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(.1);opacity:0}}.count-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#38bdf826;color:#7dd3fc;font-size:.75rem}.scan-cta{position:fixed;left:16px;right:16px;bottom:calc(84px + var(--safe-bottom));background:#0f172aeb;border:1px solid var(--border);border-radius:18px;padding:12px 14px;display:grid;gap:12px;z-index:25;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:scanCtaIn .35s ease}.scan-cta__text strong{display:block;font-size:.95rem}.scan-cta__text span{font-size:.8rem}.scan-cta__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}@keyframes scanCtaIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-stack{position:fixed;right:16px;bottom:calc(16px + var(--safe-bottom));display:grid;gap:10px;z-index:40}.toast{background:#0f172ae6;border:1px solid var(--border);padding:10px 14px;border-radius:12px;font-size:.85rem}@media (min-width: 900px){.screen{padding:var(--space-8) var(--space-10)}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}