@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--color-bg:#0a0a0f;--color-bg-elevated:#111118;--color-bg-card:#ffffff0a;--color-bg-card-hover:#ffffff12;--color-bg-input:#ffffff0f;--color-border:#ffffff14;--color-border-focus:#fff3;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-muted:#52525b;--color-looking:#f59e0b;--color-looking-bg:#f59e0b1a;--color-looking-border:#f59e0b40;--color-looking-glow:#f59e0b26;--color-approved:#10b981;--color-approved-bg:#10b9811a;--color-approved-border:#10b98140;--color-approved-glow:#10b98126;--color-full:#3b82f6;--color-full-bg:#3b82f61a;--color-full-border:#3b82f640;--color-cancelled:#ef4444;--color-cancelled-bg:#ef44441a;--color-cancelled-border:#ef444440;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-bg:#8b5cf61a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-looking:0 0 40px #f59e0b1f;--shadow-glow-approved:0 0 40px #10b9811f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100dvh;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 20%,#8b5cf60f 0%,#0000 50%),radial-gradient(at 70% 80%,#f59e0b0a 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.app-container{width:100%;max-width:640px;padding:var(--space-4);padding-bottom:var(--space-16);margin:0 auto}.app-header{text-align:center;padding:var(--space-8) 0 var(--space-6)}.app-header__title{font-size:var(--font-size-3xl);letter-spacing:-.03em;background:linear-gradient(135deg,#fafafa 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.app-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));color:#fff;box-shadow:0 4px 16px #8b5cf64d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #8b5cf673}.btn--primary:active{transform:scale(.97)translateY(0)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl);width:100%}.btn--join{background:linear-gradient(135deg, var(--color-looking), #d97706);color:#000;font-weight:700;font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);width:100%;box-shadow:0 4px 20px #f59e0b4d}.btn--join:hover{transform:translateY(-2px);box-shadow:0 6px 28px #f59e0b73}.btn--joined{background:linear-gradient(135deg, var(--color-approved), #059669);color:#fff;font-weight:700;font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);width:100%;box-shadow:0 4px 20px #10b9814d}.btn--ghost{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--ghost:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary);border-color:var(--color-border-focus)}.btn--danger{background:var(--color-cancelled-bg);border:1px solid var(--color-cancelled-border);color:var(--color-cancelled)}.btn--danger:hover{background:#ef444433}.btn--whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);font-weight:600;box-shadow:0 4px 16px #25d3664d}.btn--whatsapp:hover{transform:translateY(-1px);box-shadow:0 6px 24px #25d36673}.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--color-bg-card-hover);border-color:#ffffff1f}.card--looking{border-color:var(--color-looking-border);box-shadow:var(--shadow-glow-looking)}.card--looking:before{background:linear-gradient(90deg, transparent, var(--color-looking-border), transparent)}.card--approved{border-color:var(--color-approved-border);box-shadow:var(--shadow-glow-approved)}.card--approved:before{background:linear-gradient(90deg, transparent, var(--color-approved-border), transparent)}.card--full{border-color:var(--color-full-border)}.card--cancelled{border-color:var(--color-cancelled-border);opacity:.7}.proposal-card{margin-bottom:var(--space-4);text-decoration:none;display:block}.proposal-card__emoji{margin-bottom:var(--space-3);font-size:2.5rem;display:block}.proposal-card__title{font-size:var(--font-size-xl);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:700}.proposal-card__meta{gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.proposal-card__meta-item{align-items:center;gap:var(--space-1);display:flex}.proposal-card__count{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.proposal-card__count strong{color:var(--color-text-primary);font-weight:700}.progress{border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-3);background:#ffffff0f;position:relative;overflow:hidden}.progress__fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);position:relative}.progress__fill--looking{background:linear-gradient(90deg, var(--color-looking), #fbbf24)}.progress__fill--approved{background:linear-gradient(90deg, var(--color-approved), #34d399)}.progress__fill--full{background:linear-gradient(90deg, var(--color-full), #60a5fa)}.progress__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;height:100%;animation:2s ease-in-out infinite progress-shine;position:absolute;top:0;right:0}@keyframes progress-shine{0%,to{opacity:0}50%{opacity:1}}.progress__marker{background:var(--color-text-tertiary);z-index:2;width:2px;position:absolute;top:-4px;bottom:-4px}.progress__marker:after{content:"mín";color:var(--color-text-tertiary);white-space:nowrap;font-size:.65rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;display:inline-flex}.status-badge--looking{background:var(--color-looking-bg);color:var(--color-looking);border:1px solid var(--color-looking-border)}.status-badge--approved{background:var(--color-approved-bg);color:var(--color-approved);border:1px solid var(--color-approved-border)}.status-badge--full{background:var(--color-full-bg);color:var(--color-full);border:1px solid var(--color-full-border)}.status-badge--cancelled{background:var(--color-cancelled-bg);color:var(--color-cancelled);border:1px solid var(--color-cancelled-border)}.status-badge__dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.status-badge--looking .status-badge__dot{background:var(--color-looking)}.status-badge--approved .status-badge__dot{background:var(--color-approved)}.status-badge--full .status-badge__dot{background:var(--color-full)}.status-badge--cancelled .status-badge__dot{background:var(--color-cancelled);animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.status-message{font-size:var(--font-size-sm);margin-top:var(--space-2);font-weight:500}.status-message--looking{color:var(--color-looking)}.status-message--approved{color:var(--color-approved)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:600;display:block}.form-label--required:after{content:" *";color:var(--color-accent)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.form-input::placeholder{color:var(--color-text-muted)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.emoji-grid{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.emoji-option{border-radius:var(--radius-md);background:var(--color-bg-input);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.emoji-option:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-focus);transform:scale(1.1)}.emoji-option--selected{border-color:var(--color-accent);background:var(--color-accent-bg)}.section{margin-bottom:var(--space-8)}.section__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-weight:700}.proposal-detail{padding-top:var(--space-4)}.proposal-detail__emoji{text-align:center;margin-bottom:var(--space-4);font-size:4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) emoji-bounce}@keyframes emoji-bounce{0%{transform:scale(0)rotate(-10deg)}60%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}.proposal-detail__title{font-size:var(--font-size-2xl);letter-spacing:-.03em;text-align:center;margin-bottom:var(--space-3);font-weight:800}.proposal-detail__meta{justify-content:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.proposal-detail__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.status-card{text-align:center;padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);transition:all var(--transition-slow)}.status-card--looking{background:var(--color-looking-bg);border:1px solid var(--color-looking-border)}.status-card--approved{background:var(--color-approved-bg);border:1px solid var(--color-approved-border);animation:.6s approved-entrance}@keyframes approved-entrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.status-card--full{background:var(--color-full-bg);border:1px solid var(--color-full-border)}.status-card--cancelled{background:var(--color-cancelled-bg);border:1px solid var(--color-cancelled-border)}.status-card__icon{margin-bottom:var(--space-2);font-size:2.5rem}.status-card__text{font-size:var(--font-size-lg);font-weight:700}.status-card__subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.people-count{text-align:center;margin-bottom:var(--space-4)}.people-count__number{font-size:var(--font-size-3xl);letter-spacing:-.03em;font-weight:900}.people-count__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.participants-list{margin-top:var(--space-6)}.participants-list__title{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3);font-weight:600}.participant{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);animation:.3s participant-enter;display:flex}.participant:last-child{border-bottom:none}@keyframes participant-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.participant__avatar{width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.participant__name{font-weight:500;font-size:var(--font-size-sm)}.join-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.join-modal{background:var(--color-bg-elevated);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:480px;padding:var(--space-6);border:1px solid var(--color-border);border-bottom:none;animation:.35s cubic-bezier(.34,1.56,.64,1) modal-slide-up}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.join-modal__handle{background:var(--color-text-muted);border-radius:var(--radius-full);width:40px;height:4px;margin:0 auto var(--space-4)}.join-modal__title{font-size:var(--font-size-xl);text-align:center;margin-bottom:var(--space-4);font-weight:700}.confirmation{text-align:center;padding:var(--space-6);animation:.5s cubic-bezier(.34,1.56,.64,1) confirmation-in}@keyframes confirmation-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.confirmation__check{margin-bottom:var(--space-3);font-size:3rem}.confirmation__text{font-size:var(--font-size-lg);color:var(--color-approved);font-weight:700}.confirmation__subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.actions-row{gap:var(--space-3);margin-top:var(--space-4);display:flex}.actions-row>*{flex:1}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-tertiary)}.empty-state__emoji{margin-bottom:var(--space-3);opacity:.5;font-size:3rem}.empty-state__text{font-size:var(--font-size-sm)}.share-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.share-section__title{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-3);font-weight:600}.url-box{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);align-items:center;display:flex;overflow:hidden}.url-box__text{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:SF Mono,Monaco,Inconsolata,monospace;overflow:hidden}.url-box__copy{padding:var(--space-3) var(--space-4);background:var(--color-bg-card-hover);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-left:1px solid var(--color-border);transition:all var(--transition-fast);font-weight:600}.url-box__copy:hover{background:var(--color-accent-bg);color:var(--color-accent)}.back-link{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--space-2) 0;margin-bottom:var(--space-4);transition:color var(--transition-fast);font-weight:500;display:inline-flex}.back-link:hover{color:var(--color-text-primary)}.official-link{text-align:center;padding:var(--space-4);background:var(--color-approved-bg);border:1px solid var(--color-approved-border);border-radius:var(--radius-lg);margin-top:var(--space-4);display:block}.official-link__label{font-size:var(--font-size-xs);color:var(--color-approved);margin-bottom:var(--space-1);font-weight:600}.official-link__url{font-size:var(--font-size-sm);color:var(--color-text-primary);text-underline-offset:2px;font-weight:500;text-decoration:underline}.manage-section{margin-top:var(--space-8);padding:var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.manage-section__title{font-size:var(--font-size-base);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.confetti-canvas{pointer-events:none;z-index:200;position:fixed;inset:0}.toast{bottom:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-primary);box-shadow:var(--shadow-lg);z-index:300;animation:toast-in .3s var(--transition-spring), toast-out .3s ease 2.7s forwards;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.loading{padding:var(--space-12);justify-content:center;align-items:center;display:flex}.loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:768px){.app-container{padding:var(--space-6)}.app-header__title{font-size:var(--font-size-4xl)}.join-modal{border-radius:var(--radius-2xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.join-overlay{align-items:center}}.text-center{text-align:center}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-3{gap:var(--space-3)}.creation-success{text-align:center;padding:var(--space-8) 0}.creation-success__emoji{margin-bottom:var(--space-4);font-size:4rem;animation:.6s cubic-bezier(.34,1.56,.64,1) emoji-bounce}.creation-success__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);font-weight:800}.creation-success__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.creation-success__section{text-align:left;margin-bottom:var(--space-6)}.creation-success__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:700}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.alert--warning{background:var(--color-looking-bg);border:1px solid var(--color-looking-border);color:var(--color-looking)}.alert--info{background:var(--color-accent-bg);color:var(--color-accent);border:1px solid #8b5cf640}.alert--success{background:var(--color-approved-bg);border:1px solid var(--color-approved-border);color:var(--color-approved)}.skeleton{background:linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-bg-card-hover) 50%, var(--color-bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.leave-btn{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast);margin-top:var(--space-2);background:0 0;border:none;text-decoration:underline}.leave-btn:hover{color:var(--color-cancelled)}