:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#fed7aa,#fdba74,#f9a8d4);min-height:100vh;color:#1f2937}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);padding:1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-title{color:#1f2937;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1rem}.nav-link{color:#1f2937;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease}.nav-link:hover{background:#fff3}.nav-link.active{background:#ffffff4d;font-weight:600}.main-content{flex:1;padding:2rem 0}.download-container{max-width:800px;margin:0 auto;text-align:center}.download-header{margin-bottom:3rem}.download-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.download-description{font-size:1.25rem;color:#4b5563;line-height:1.6}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.download-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.download-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #00000040}.download-icon{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.store-icon{width:180px;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.download-card:hover .store-icon{transform:scale(1.05)}.download-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.download-button{width:100%;padding:1rem 2rem;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.download-button.android{background:linear-gradient(135deg,#fed7aa,#fdba74,#f9a8d4)}.download-button.android:hover{background:linear-gradient(135deg,#fdba74,#f59e0b,#ec4899);transform:scale(1.05);box-shadow:0 10px 20px #fb923c66}.download-button.ios{background:linear-gradient(135deg,#fed7aa,#fdba74,#f9a8d4)}.download-button.ios:hover{background:linear-gradient(135deg,#fdba74,#f59e0b,#ec4899);transform:scale(1.05);box-shadow:0 10px 20px #fb923c66}.download-info{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 15px -3px #0000001a}.download-info-text{color:#374151;font-weight:500}.share-page{max-width:600px;margin:0 auto;text-align:center}.share-content{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(255,255,255,.3)}.share-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.share-description{font-size:1.125rem;color:#4b5563;line-height:1.6;margin-bottom:2rem}.share-image{margin:2rem 0;display:flex;justify-content:center}.share-image img{border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;-o-object-fit:cover;object-fit:cover}.share-image.profile img{width:200px;height:200px;border-radius:50%}.share-image.event img{height:300px}.share-image.post img{height:375px}.share-image.default img{width:300px;height:auto}.share-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.open-app-button,.download-app-button{display:inline-block;padding:1rem 2rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;cursor:pointer}.open-app-button{background:linear-gradient(135deg,#fed7aa,#fdba74,#f9a8d4);color:#fff}.open-app-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #fb923c66}.download-app-button{background:#fff3;color:#1f2937;border:2px solid rgba(255,255,255,.3)}.download-app-button:hover{background:#ffffff4d;transform:translateY(-2px)}.share-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.share-footer p{color:#6b7280;font-size:.875rem}.share-loading,.share-error,.share-not-found{text-align:center;padding:3rem 1rem}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #10b981;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-error h1,.share-not-found h1{color:#dc2626;margin-bottom:1rem}.back-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:#fff3;color:#1f2937;text-decoration:none;border-radius:.5rem;transition:all .3s ease}.back-link:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width: 768px){.download-title{font-size:2.5rem}.download-grid{grid-template-columns:1fr;gap:1.5rem}.download-card{padding:1.5rem}.store-icon{width:140px}.share-content{padding:1.5rem}.share-header h1{font-size:1.75rem}.share-actions{flex-direction:column}.share-image.profile img{width:150px;height:150px}.share-image.event img{width:250px;height:250px}.share-image.post img{width:250px;height:312.5px}.share-image.default img{width:250px;height:auto}}.static-share-page{max-width:600px;margin:0 auto;text-align:center;padding:2rem 1rem}.static-share-content{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(255,255,255,.3)}.static-share-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.static-share-header p{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}.static-share-loading{margin:2rem 0}.static-share-info{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.static-share-info p{color:#6b7280;font-size:.875rem;margin:.5rem 0}.share-test{max-width:800px;margin:0 auto;padding:2rem 1rem}.share-test-content{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a;border:1px solid rgba(255,255,255,.3)}.share-test h1{font-size:2.5rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:2rem}.share-test h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(251,146,60,.3)}.test-controls{display:grid;gap:1rem;margin-bottom:2rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:600;color:#374151}.control-group select,.control-group input,.control-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;background:#fffc;transition:all .3s ease}.control-group select:focus,.control-group input:focus,.control-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.urls-section{margin-bottom:2rem}.url-item{margin-bottom:1rem}.url-item label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.url-display{display:flex;align-items:center;gap:1rem;background:#f3f4f6;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb}.url-display code{flex:1;font-family:Monaco,Menlo,monospace;font-size:.875rem;color:#1f2937;word-break:break-all}.copy-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#fed7aa,#fdba74,#f9a8d4);color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #fb923c4d}.share-buttons{margin-bottom:2rem}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.share-btn{padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.linkedin{background:#0077b5;color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.qr-section{text-align:center;margin-bottom:2rem}.qr-code{width:200px;height:200px;border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0}.metadata-info{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border-left:4px solid #f59e0b;margin-bottom:2rem}.metadata-info p{margin-bottom:1rem;line-height:1.6;color:#374151}.test-links{text-align:center}.test-links-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.test-link{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#fed7aa,#fdba74,#f9a8d4);color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;transition:all .3s ease}.test-link:hover{transform:translateY(-2px);box-shadow:0 10px 20px #fb923c4d}@media (max-width: 768px){.share-test-content{padding:1.5rem}.share-test h1{font-size:2rem}.button-grid{grid-template-columns:1fr}.test-links-grid{flex-direction:column;align-items:center}.url-display{flex-direction:column;align-items:stretch;gap:.5rem}.copy-btn{align-self:stretch}}