@font-face{font-family:Fuzzy Bubbles;src:url(/fonts/FuzzyBubbles-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--sb-paper: #efe7d7;--sb-ink: #2b2622;--sb-ink-soft: #7a6f62;--sb-card: #fffdf7;--sb-card-edge: #ece5d5;--sb-accent: #d6455d;--sb-live: #2f9e6f;--grape: #b14ad6;--grape-deep: #8b2fb0;--border: rgba(120, 96, 64, .32);--sb-hand: "Fuzzy Bubbles", "Bradley Hand", "Marker Felt", "Segoe Print", "Comic Sans MS", "Chalkboard SE", cursive;--sb-shadow: 0 12px 28px rgba(58, 46, 34, .22), 0 3px 6px rgba(58, 46, 34, .12);--sb-shadow-lift: 0 22px 44px rgba(58, 46, 34, .28), 0 6px 12px rgba(58, 46, 34, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--sb-paper);background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.55) 0,transparent 42%),radial-gradient(circle at 82% 88%,rgba(180,150,110,.18) 0,transparent 48%),radial-gradient(rgba(120,96,64,.05) 1px,transparent 1px);background-size:100% 100%,100% 100%,22px 22px;color:var(--sb-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.screen{min-height:100%;display:flex;flex-direction:column;padding:max(1.5rem,env(safe-area-inset-top)) 1.5rem 2rem}.center{justify-content:center;align-items:center;text-align:center;gap:1rem}.grow{flex:1;display:flex;flex-direction:column}h1{font-family:var(--sb-hand);font-size:2rem;line-height:1.05;margin:0;color:var(--sb-ink)}p{color:var(--sb-ink-soft);margin:0;max-width:30rem}.muted{color:var(--sb-ink-soft);font-size:.9rem}.lens{width:3.5rem;height:3.5rem;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0 12%,var(--grape) 16% 52%,var(--grape-deep) 56% 100%);box-shadow:0 0 0 3px var(--sb-paper),0 0 0 5px var(--grape);margin-bottom:.5rem}.lens.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sb-brand{position:fixed;top:max(.9rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:10;height:2.2rem;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sb-hand);font-size:1.35rem;color:var(--sb-ink);text-decoration:none}.sb-brand__lens{width:1.15rem;height:1.15rem;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0 12%,var(--grape) 16% 52%,var(--grape-deep) 56% 100%);box-shadow:0 0 0 2px var(--sb-paper),0 0 0 4px var(--grape);flex:none}button{font:inherit;border:none;border-radius:12px;padding:.9rem 1.4rem;font-weight:600;cursor:pointer}.primary{background:var(--grape);color:#fff}.primary:disabled{opacity:.4}.ghost{background:var(--sb-card);border:1px solid var(--sb-card-edge);color:var(--sb-ink);box-shadow:0 2px 6px #3a2e221a}.ghost:disabled{opacity:.5}.ghost.small{align-self:flex-start;padding:.45rem .8rem;font-size:.85rem;border-radius:10px}.stack{display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:20rem}.code-input{font:inherit;text-align:center;letter-spacing:.35em;text-transform:uppercase;font-size:1.5rem;font-weight:700;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--sb-card-edge);background:var(--sb-card);color:var(--sb-ink)}.code-input:focus{outline:none;border-color:var(--grape)}.gallery-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding-top:2.5rem;margin-bottom:1.5rem}.gallery-head .ghost.small{position:fixed;top:max(.9rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));z-index:10;height:2.2rem;display:inline-flex;align-items:center;padding-top:0;padding-bottom:0}.gallery-head h1{font-size:clamp(2rem,5vw,2.7rem)}.welcome{width:100%;max-width:20rem;max-height:32vh;object-fit:cover;border-radius:2px;background:var(--sb-card);padding:12px 12px 20px;box-shadow:var(--sb-shadow);transform:rotate(-1.5deg);margin:.75rem 0 1rem}.count{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--sb-ink-soft)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--sb-live);animation:sb-pulse 1.4s ease-in-out infinite}.live-label{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;color:var(--sb-live);margin-right:2px}@keyframes sb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.head-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin-top:.35rem;width:100%}.head-actions__spacer{justify-self:start}.head-actions__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.density{justify-self:end;display:inline-flex;padding:3px;border-radius:999px;background:#7860401a;border:1px solid var(--sb-card-edge)}.density__opt{font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .8rem;border:none;border-radius:999px;cursor:pointer;background:transparent;color:var(--sb-ink-soft);transition:background .14s ease,color .14s ease}.density__opt--on{background:var(--sb-card);color:var(--sb-ink);box-shadow:0 1px 3px #3a2e2229}@media(max-width:640px){.head-actions{grid-template-columns:1fr}.head-actions__spacer{display:none}.density{justify-self:center}}.action{font:inherit;font-weight:600;font-size:.9rem;padding:.6rem 1.1rem;border-radius:999px;cursor:pointer;background:var(--sb-card);border:1px solid var(--sb-card-edge);color:var(--sb-ink);box-shadow:0 2px 6px #3a2e221a;transition:transform .14s ease,box-shadow .14s ease}.action:hover{transform:translateY(-1px);box-shadow:var(--sb-shadow)}.action:active{transform:translateY(0)}.action--primary{background:var(--grape);border-color:var(--grape);color:#fff}.action:disabled{cursor:default;opacity:.6;transform:none;box-shadow:0 2px 6px #3a2e221a}.head-actions__msg{margin:0;max-width:22rem;font-size:.88rem;color:var(--sb-ink)}.gate{gap:1.25rem}.turnstile{min-height:65px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;margin-bottom:1.5rem}.grid--compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 8px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--compact{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{--tilt: 0deg;margin:0;position:relative;background:var(--sb-card);padding:12px 12px 0;border-radius:3px;box-shadow:var(--sb-shadow);transform:rotate(var(--tilt));transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s ease}.tile:nth-child(4n+1){--tilt: -1.6deg}.tile:nth-child(4n+2){--tilt: 1.3deg}.tile:nth-child(4n+3){--tilt: -.7deg}.tile:nth-child(4n+4){--tilt: 2deg}.tile:hover{transform:rotate(0) scale(1.03);box-shadow:var(--sb-shadow-lift);z-index:1}.tile img{aspect-ratio:1 / 1;width:100%;display:block;object-fit:cover;background:linear-gradient(135deg,#cdbfa6,#a7967a);border-radius:1px}.grid--compact .tile{padding:7px 7px 0}.grid--compact .tile figcaption{min-height:26px;padding:5px 3px 8px;font-size:.85rem}.tile figcaption{min-height:40px;padding:2px 4px 12px;text-align:center;font-family:var(--sb-hand);font-size:.95rem;line-height:1.1;color:var(--sb-ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile:not(:has(.tile-caption)) figcaption{padding-top:8px}.tile-caption{margin:0;padding:8px 8px 2px;text-align:center;font-family:var(--sb-hand);font-size:1.08rem;line-height:1.18;color:var(--sb-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid--compact .tile-caption{font-size:.95rem;padding-bottom:2px}@media(prefers-reduced-motion:reduce){.tile,.lens.spin,.live-dot{transition:none;animation:none}}