*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#4caf50;--green-light:#a5d6a7;--green-pale:#e8f5e9;--pink:#e91e90;--pink-light:#f8bbd0;--pink-pale:#fce4ec;--purple:#5ce1e6;--purple-light:#a8eff2;--purple-pale:#e8fafb;--orange:#ff9800;--orange-light:#ffcc80;--orange-pale:#fff3e0;--black:#1a1a1a;--white:#fff;--gray:#555;--gray-light:#999;--shadow:#0000001a;--radius:16px;--status-with-family:var(--green);--status-in-transit:var(--orange);--status-dropped-off:var(--purple);--status-requested:var(--pink);--pop-hiding:var(--pink);--pop-not-out:var(--gray-light);--pop-found:var(--orange)}body{color:var(--black);background-color:var(--white);background-image:url(/polkadots-bg.png);background-repeat:repeat;background-size:500px;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--pink);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--black)}.app-header{background:var(--white);border-bottom:4px solid var(--pink);z-index:100;box-shadow:0 2px 16px var(--shadow);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.app-header .logo{color:var(--purple);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:900;text-decoration:none;display:flex}.app-header .logo:hover{text-decoration:none}.app-header .logo span{font-size:1.8rem}.app-header nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.app-header nav a,.app-header nav button{cursor:pointer;color:var(--gray);background:0 0;border:none;border-radius:999px;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.app-header nav a:hover,.app-header nav button:hover{background:var(--purple-pale);color:var(--purple);text-decoration:none}.app-header nav a.active{background:var(--purple);color:var(--white)}.user-badge{background:var(--green);color:var(--white);border-radius:999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.page{max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem}.page h1{color:var(--purple);margin-bottom:.25rem;font-size:2rem}.page .subtitle{color:var(--gray);margin-bottom:2rem;font-size:1.05rem}.card{background:var(--white);border-radius:var(--radius);box-shadow:0 3px 20px var(--shadow);border:2px solid #eee;padding:1.5rem;transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:0 8px 30px var(--shadow);transform:translateY(-2px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.stuffie-card{cursor:pointer;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.stuffie-card:hover{text-decoration:none}.stuffie-card .emoji-big{margin-bottom:.5rem;font-size:3rem}.stuffie-card .stuffie-photo-wrap{border-radius:12px;margin-bottom:.5rem;overflow:hidden}.stuffie-card .stuffie-photo{object-fit:cover;border-radius:12px;width:100%;height:180px;margin-bottom:.5rem}.stuffie-photo-wrap .stuffie-photo{border-radius:0;margin-bottom:0}.stuffie-card h3{color:var(--black);margin-bottom:.25rem;font-size:1.25rem}.stuffie-card .desc{color:var(--gray);margin-bottom:.75rem;font-size:.9rem}.stuffie-card .meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stuffie-card .code-tag{background:var(--purple-pale);color:var(--purple);border-radius:999px;padding:.15rem .6rem;font-family:monospace;font-size:.8rem;font-weight:800;display:inline-block}.stuffie-card .accent-bar{height:5px;position:absolute;top:0;left:0;right:0}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.status-badge .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-badge.with-family{background:var(--green-pale);color:#2e7d32}.status-badge.with-family .dot{background:var(--green)}.status-badge.in-transit{background:var(--orange-pale);color:#e65100}.status-badge.in-transit .dot{background:var(--orange)}.status-badge.dropped-off{background:var(--purple-pale);color:#3abcc0}.status-badge.dropped-off .dot{background:var(--purple)}.status-badge.requested{background:var(--pink-pale);color:#ad1457}.status-badge.requested .dot{background:var(--pink)}.pop-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .8rem;font-size:.85rem;font-weight:800;display:inline-flex}.pop-badge.hiding{background:var(--pink-pale);color:#ad1457}.pop-badge.not-out{color:#777;background:#eee}.pop-badge.found{background:var(--orange-pale);color:#e65100}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--pink-light);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:.6rem}.timeline-entry{margin-bottom:1.5rem;position:relative}.timeline-entry:last-child{margin-bottom:0}.timeline-entry:before{content:"";background:var(--pink);border:3px solid var(--white);width:12px;height:12px;box-shadow:0 0 0 2px var(--pink-light);border-radius:50%;position:absolute;top:.35rem;left:-1.65rem}.timeline-entry .code{color:var(--purple);font-family:monospace;font-size:.9rem;font-weight:800}.timeline-entry .meta{color:var(--gray);font-size:.85rem}.timeline-entry .caption{color:var(--black);margin-top:.25rem;font-style:italic}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--black);margin-bottom:.3rem;font-size:.85rem;font-weight:800;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--white);width:100%;color:var(--black);border:2px solid #ddd;border-radius:12px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--purple);outline:none}.form-group textarea{resize:vertical;min-height:80px}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--pink);color:var(--white)}.btn-primary:hover:not(:disabled){background:#c2185b;transform:translateY(-1px)}.btn-secondary{background:var(--purple-pale);color:var(--purple)}.btn-secondary:hover:not(:disabled){background:var(--purple-light);color:var(--white)}.btn-sage{background:var(--green);color:var(--white)}.btn-sage:hover:not(:disabled){background:#388e3c}.btn-pop{background:linear-gradient(135deg, var(--pink), var(--orange), var(--green), var(--purple));color:var(--white);text-shadow:0 1px 2px #0003;font-weight:900}.btn-pop:hover:not(:disabled){transform:translateY(-1px)}.btn-small{padding:.35rem .9rem;font-size:.8rem}.btn-danger{background:var(--pink-pale);color:#ad1457}.btn-danger:hover:not(:disabled){background:var(--pink-light)}.rules-card{background:var(--white);border:3px dashed var(--purple-light);border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem 2rem;position:relative;overflow:hidden}.rules-card:before{content:"";background:var(--orange-light);opacity:.5;border-radius:50%;width:60px;height:60px;position:absolute;top:-10px;right:-10px}.rules-card:after{content:"";background:var(--green-light);opacity:.5;border-radius:50%;width:40px;height:40px;position:absolute;bottom:-8px;left:20px}.rules-card h3{color:var(--purple);margin-bottom:.75rem;font-size:1.1rem}.rules-card ol{padding-left:1.25rem}.rules-card li{color:var(--black);margin-bottom:.5rem;font-size:.95rem}.rules-card li strong{color:var(--pink)}.page-header{background:var(--white);border-radius:var(--radius);box-shadow:0 3px 20px var(--shadow);margin-bottom:2rem;padding:1.5rem 2rem}.page-header h1{border-bottom:4px solid var(--purple);margin-bottom:.5rem;padding-bottom:.75rem}.dropoff-header{background:var(--white);border-radius:var(--radius);box-shadow:0 3px 20px var(--shadow);margin-bottom:2rem;padding:1.5rem 2rem}.dropoff-header h1{border-bottom:4px solid var(--purple);margin-bottom:.5rem;padding-bottom:.75rem}.spot-card{border-left:5px solid var(--green)}.spot-card h3{color:var(--green);margin-bottom:.25rem;font-size:1.1rem}.spot-card.spot-blue{border-left-color:#3786d1}.spot-card.spot-blue h3{color:#3786d1}.spot-card .info{color:var(--gray);font-size:.9rem}.spot-card .note{color:var(--purple);margin-top:.35rem;font-size:.9rem;font-style:italic}.pop-hero{border:3px solid var(--orange-light);border-radius:var(--radius);text-align:center;background:#ffffffe6;margin-bottom:2rem;padding:2rem}.pop-hero .pop-emoji{margin-bottom:.5rem;font-size:4rem}.pop-hero h2{color:var(--orange);margin-bottom:.5rem;font-size:1.75rem}.pop-hero .hint{color:var(--gray);font-size:1.05rem;font-style:italic}.pop-appearances{list-style:none}.pop-appearances li{border-bottom:1px solid #eee;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.pop-appearances li:last-child{border-bottom:none}.pop-appearances .star-code{color:var(--orange);min-width:3rem;font-family:monospace;font-size:1.2rem;font-weight:900}.request-item{border-bottom:1px solid #eee;padding:.75rem 0}.request-item:last-child{border-bottom:none}.request-item .req-user{color:var(--black);font-weight:800}.request-item .req-note{color:var(--gray);font-size:.9rem;font-style:italic}.request-item .req-date{color:var(--gray-light);font-size:.8rem}.home-hero{text-align:center;border:3px solid var(--pink-light);border-radius:var(--radius);background:#ffffffe6;margin-bottom:2rem;padding:2.5rem 1rem}.home-hero .hero-emoji{margin-bottom:.75rem;font-size:4rem}.home-hero h1{color:var(--purple);margin-bottom:.5rem;font-size:2.25rem}.home-hero .title-img{width:340px;max-width:90%;margin-bottom:.5rem}.home-hero p{color:var(--gray);max-width:550px;margin:0 auto;font-size:1.1rem}.meshy-swap{width:220px;height:220px;margin:1.5rem auto 0;position:relative}.meshy-swap-img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;inset:0}.meshy-swap-img.active{opacity:1}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.section-header h2{color:var(--pink);font-size:1.35rem}.empty-state{text-align:center;color:var(--gray);padding:3rem 1rem}.empty-state .big{margin-bottom:.5rem;font-size:3rem}.flash{border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:700}.flash-success{background:var(--green-pale);color:#2e7d32}.flash-error{background:var(--pink-pale);color:#ad1457}.back-link{color:var(--gray);align-items:center;gap:.3rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.back-link:hover{color:var(--pink);text-decoration:none}.tabs{border-bottom:2px solid #eee;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.tab{color:var(--gray);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:.4rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s}.tab:hover{color:var(--purple);background:var(--purple-pale)}.tab.active{color:var(--pink);border-bottom:2px solid var(--pink);margin-bottom:-2px}.gumball-wrapper{flex-direction:column;align-items:center;padding:.5rem 0;display:flex}.gm-video-container{width:220px;max-width:100%;margin:0 auto}.gm-video-container video{border-radius:12px}.gm-actions{text-align:center;margin-top:1rem}.gm-action-btn{padding:.75rem 2rem;font-size:1.1rem;animation:1.5s ease-in-out infinite btnBounce}@keyframes btnBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.gm-status-text{color:var(--gray);padding:.75rem 0;font-size:1.1rem;font-weight:800}.gm-pulse{animation:.8s ease-in-out infinite textPulse}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.4}}.gm-reveal{animation:.6s cubic-bezier(.34,1.56,.64,1) revealFadeIn}@keyframes revealFadeIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.gm-ticket{background:var(--white);border:4px solid;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.5rem;display:inline-flex;box-shadow:0 6px 30px #0000001f}.gm-ticket-ball{border-radius:50%;flex-shrink:0;width:52px;height:52px;box-shadow:inset -3px -3px 8px #0003,2px 3px 10px #0000001a}.gm-ticket-code{font-family:monospace;font-size:1.6rem;font-weight:900}.gm-ticket-label{color:var(--gray);max-width:220px;font-size:.85rem;font-weight:600}@media (width<=768px){.app-header{text-align:center;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.app-header .logo{font-size:1.15rem}.app-header .logo img{height:32px!important}.app-header nav{flex-wrap:wrap;justify-content:center}.app-header nav a,.app-header nav button{padding:.3rem .6rem;font-size:.8rem}.page{padding:1.25rem .75rem 3rem}.page h1{font-size:1.4rem}.page .subtitle{margin-bottom:1.25rem;font-size:.9rem}.card{padding:1rem}.card-grid{grid-template-columns:1fr;gap:1rem}.home-hero{padding:1.25rem .75rem}.home-hero img{width:80px!important}.meshy-swap{width:160px;height:160px;margin-top:1rem}.home-hero h1{font-size:1.5rem}.home-hero p{font-size:.95rem}.rules-card{padding:1rem 1.25rem}.rules-card li{font-size:.85rem}.stuffie-card .stuffie-photo{aspect-ratio:1;height:auto}.stuffie-card .emoji-big{font-size:2.5rem}.pop-hero{padding:1.25rem}.pop-hero .pop-emoji{font-size:3rem}.pop-hero h2{font-size:1.3rem}.section-header h2{font-size:1.15rem}.gm-video-container{width:180px}.gm-action-btn{padding:.6rem 1.5rem;font-size:.95rem}.gm-ticket{text-align:center;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.gm-ticket-code{font-size:1.3rem}.gm-ticket-label{max-width:100%}.timeline{padding-left:1.5rem}.tabs{gap:.25rem}.tab{padding:.3rem .7rem;font-size:.8rem}table{white-space:nowrap;display:block;overflow-x:auto}.user-badge{padding:.2rem .5rem;font-size:.7rem}.btn{padding:.5rem 1rem;font-size:.85rem}.btn-small{padding:.3rem .7rem;font-size:.75rem}}