:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--bg-color: #0f172a;--surface-color: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh}#app{width:100%;max-width:500px;padding:2rem}.card{background-color:var(--surface-color);padding:2rem;border-radius:var(--border-radius);box-shadow:0 10px 25px #00000080;border:1px solid rgba(255,255,255,.1)}.btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-top:1rem}.btn:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:1rem;padding:1rem;border-radius:8px;font-size:.9rem;text-align:center;font-weight:500}.status.pending{background-color:#f59e0b1a;color:var(--warning-color);border:1px solid rgba(245,158,11,.2)}.status.uploading{background-color:#4f46e51a;color:#818cf8;border:1px solid rgba(79,70,229,.2)}.status.success{background-color:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status.failed{background-color:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.video-container{width:100%;border-radius:8px;overflow:hidden;margin-bottom:1rem;background-color:#000;position:relative;aspect-ratio:4/3}video{width:100%;height:100%;object-fit:cover;display:block}.location-info{font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem;text-align:center;background:#0003;padding:.5rem;border-radius:6px}