.ugc-modal{z-index:130;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ugc-modal__backdrop{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0f172a8c;position:absolute;inset:0}.ugc-modal__panel{z-index:2;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:1.25rem;flex-direction:column;width:min(100%,28rem);max-height:min(92dvh,44rem);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038}@media (min-width:640px){.ugc-modal__panel{width:min(100%,36rem);max-height:94dvh;overflow-y:auto}.ugc-modal__body{flex:none;min-height:auto;overflow-y:visible}}.dark .ugc-modal__panel{background:#070b14fa;border-color:#ffffff1a}.ugc-modal__close{top:.625rem;z-index:4;color:#b91c1c;cursor:pointer;min-height:2.5rem;transition:color var(--motion-duration-fast) var(--motion-ease-out), background-color var(--motion-duration-fast) var(--motion-ease-out), border-color var(--motion-duration-fast) var(--motion-ease-out), transform var(--motion-duration-fast) var(--motion-ease-spring), box-shadow var(--motion-duration-fast) var(--motion-ease-out);background:#fef2f2fa;border:2px solid #f871718c;border-radius:9999px;align-items:center;gap:.35rem;padding:.375rem .75rem .375rem .625rem;font-family:inherit;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline:auto .625rem;box-shadow:0 4px 14px #b91c1c24}.ugc-modal__close:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #dc262647}.ugc-modal__close:active{transform:translateY(0)}.ugc-modal__close-icon{justify-content:center;align-items:center;width:1.375rem;height:1.375rem;font-size:1.25rem;font-weight:700;line-height:1;display:flex}.ugc-modal__close-label{padding-inline-end:.125rem}.dark .ugc-modal__close{color:#fecaca;background:#7f1d1d73;border-color:#f8717166;box-shadow:0 4px 14px #00000059}.dark .ugc-modal__close:hover{color:#fff;background:#dc2626;border-color:#ef4444}.ugc-modal__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:1.25rem 1.25rem 1.5rem;overflow-y:auto}.ugc-modal__error{color:#b91c1c;background:#fee2e2cc;border-radius:.625rem;margin:0 0 .75rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.dark .ugc-modal__error{color:#fca5a5;background:#7f1d1d59}.ugc-step--reward{animation:.45s cubic-bezier(.22,1,.36,1) .35s both ugc-reward-enter}@keyframes ugc-reward-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ugc-progress{border-bottom:1px solid var(--landing-border);background:linear-gradient(#ecfdf58c,#0000);flex-shrink:0;padding:2.5rem 1.25rem 1rem}.dark .ugc-progress{background:linear-gradient(#0596691a,#0000)}.ugc-progress__head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.ugc-progress__caption{color:var(--landing-text-muted);font-size:.6875rem;font-weight:700}.ugc-progress__percent{color:#047857;background:#d1fae5d9;border-radius:9999px;flex-shrink:0;padding:.2rem .5rem;font-size:.6875rem;font-weight:800}.dark .ugc-progress__percent{color:#6ee7b7;background:#05966933}.ugc-progress__rail{padding-top:.25rem;padding-bottom:2.75rem;position:relative}.ugc-progress__rail-line{top:.875rem;border-radius:9999px;height:4px;position:absolute;inset-inline:16.6667%;overflow:hidden}.ugc-progress__rail-bg{background:var(--landing-surface-muted);border-radius:inherit;position:absolute;inset:0}.ugc-progress__rail-fill{border-radius:inherit;background:linear-gradient(90deg,#059669,#34d399);width:0;transition:width .5s cubic-bezier(.22,1,.36,1);position:absolute;inset-block:0;inset-inline:0 auto}.ugc-progress__nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid;position:relative}.ugc-progress__node{text-align:center;color:var(--landing-text-muted);flex-direction:column;align-items:center;gap:.25rem;display:flex}.ugc-progress__node--reached{color:var(--landing-text)}.ugc-progress__node--active{color:#047857}.dark .ugc-progress__node--active{color:#34d399}.ugc-progress__node-circle{z-index:1;width:1.75rem;height:1.75rem;color:var(--landing-text-muted);background:var(--landing-surface);border:2px solid var(--landing-border);border-radius:9999px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:800;transition:transform .25s,border-color .25s,background .25s,color .25s,box-shadow .25s;display:flex;position:relative}.ugc-progress__node--reached .ugc-progress__node-circle{color:#047857;border-color:#10b98173}.ugc-progress__node--active .ugc-progress__node-circle{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-color:#10b981;transform:scale(1.08);box-shadow:0 4px 14px #05966959}.ugc-progress__node--done .ugc-progress__node-circle{color:#fff;background:#10b981;border-color:#10b981}.ugc-progress__node-label{font-size:.625rem;font-weight:700;line-height:1.35}.ugc-progress__node-reward{color:#047857;background:#ecfdf5e6;border:1px solid #10b98133;border-radius:9999px;padding:.15rem .45rem;font-size:.5625rem;font-weight:800}.dark .ugc-progress__node-reward{color:#6ee7b7;background:#05966926}.ugc-form__hint{color:var(--landing-text-muted);text-align:center;margin:0;font-size:.75rem;line-height:1.65}.ugc-step__title{color:var(--landing-text);margin:0 0 .5rem;font-size:1.0625rem;font-weight:800;line-height:1.45}.ugc-step__title--glow{color:#047857}.dark .ugc-step__title--glow{color:#34d399}.ugc-step__subtitle{color:var(--landing-text-muted);margin:0 0 1rem;font-size:.8125rem;line-height:1.7}.ugc-form{flex-direction:column;gap:.625rem;display:flex}.ugc-form__label{color:var(--landing-text);font-size:.75rem;font-weight:700}.ugc-form__input,.ugc-form__textarea{width:100%;color:var(--landing-text);background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:.75rem;outline:none;padding:.625rem .75rem;font-size:.875rem;transition:border-color .2s}.ugc-form__input:focus,.ugc-form__textarea:focus{border-color:#10b981}.dark .ugc-form__input,.dark .ugc-form__textarea{background:#070b1499}.ugc-btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;padding:.6875rem 1rem;font-size:.8125rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.ugc-btn:disabled{opacity:.55;cursor:not-allowed}.ugc-btn--primary{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 16px #05966940}.ugc-btn--primary:hover:not(:disabled){transform:translateY(-1px)}.ugc-btn--secondary{color:var(--landing-text);background:var(--landing-surface-muted);border:1px solid var(--landing-border)}.ugc-btn--link{width:auto;color:var(--landing-text-muted);background:0 0;margin-top:.5rem;padding:0;font-size:.6875rem;font-weight:600}.ugc-order-card{background:#ecfdf5a6;border:1px solid #10b98133;border-radius:.875rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.dark .ugc-order-card{background:#0596691a}.ugc-order-card--reveal{animation:.35s ugc-reveal}@keyframes ugc-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ugc-order-card__label{color:#047857;margin:0;font-size:.6875rem;font-weight:700}.ugc-order-card__title{color:var(--landing-text);margin:0;font-size:.875rem;font-weight:800;line-height:1.5}.ugc-order-card__meta{color:var(--landing-text-muted);margin:0;font-size:.75rem}.ugc-dropzone{text-align:center;cursor:pointer;background:#ecfdf559;border:2px dashed #10b98159;border-radius:.875rem;margin-bottom:.875rem;padding:1.25rem 1rem;transition:border-color .2s,background .2s}.ugc-dropzone:hover{background:#ecfdf58c;border-color:#10b981}.dark .ugc-dropzone{background:#05966914}.ugc-dropzone--filled{padding:.75rem}.ugc-dropzone__input{display:none}.ugc-dropzone__text{color:var(--landing-text);margin:0 0 .25rem;font-size:.8125rem;font-weight:700}.ugc-dropzone__hint{color:var(--landing-text-muted);margin:0;font-size:.6875rem}.ugc-dropzone__preview-wrap{position:relative}.ugc-dropzone__preview{object-fit:contain;background:#0000000a;border-radius:.625rem;width:100%;max-height:9rem}@media (min-width:640px){.ugc-dropzone__preview{max-height:11rem}}.ugc-dropzone__remove{color:#b91c1c;cursor:pointer;background:#fee2e2cc;border:none;border-radius:.5rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.6875rem}.ugc-step--voice{flex-direction:column;gap:.75rem;display:flex}.ugc-voice-panel{text-align:center;background:#ecfdf5bf;border:1px solid #10b98133;border-radius:.875rem;padding:1.25rem 1rem}.dark .ugc-voice-panel{background:#0596691f}.ugc-voice-btn{cursor:pointer;background:#fff;border:2px solid #10b981;border-radius:9999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto .5rem;font-size:1.75rem;transition:transform .2s;display:flex}.ugc-voice-btn:hover{transform:scale(1.04)}.ugc-voice-recording{color:#b91c1c;flex-direction:column;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.ugc-voice-recording__dot{background:#ef4444;border-radius:9999px;width:.75rem;height:.75rem;animation:1s infinite ugc-pulse}@keyframes ugc-pulse{50%{opacity:.45;transform:scale(1.15)}}.ugc-voice-audio{width:100%;margin-bottom:.5rem}.ugc-voice-hint{color:var(--landing-text-muted);margin:0;font-size:.6875rem}.ugc-code-box{width:100%;color:var(--landing-text);cursor:pointer;background:0 0;border:2px dashed #10b981;border-radius:.875rem;flex-direction:column;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:1rem;font-size:.8125rem;display:flex}.ugc-code-box strong{color:#047857;font-size:1.25rem;font-weight:800}.ugc-expiry-warning{color:#b91c1c;margin:0 0 1rem;font-size:.6875rem;font-weight:600;line-height:1.6}